奇怪的Firefox问题与innerHTML的

我有这样一段代码：奇怪的Firefox问题与innerHTML的

document.getElementById("refhome").innerHTML = "<img src='Resources/WeFix Wide Logo.png' style='height:128px;margin-left:auto;margin-right:auto;text-align:center;display:block;' />";

下面这段代码执行以及在所有浏览器。但在Firefox中，不。

我试过在a中手动添加img，而且还是没有图片。这是一个：

<a id="refhome" href="index.html"><object id="obj1" style="margin:0 auto;display:block;pointer-events:none;width:320px;" type="image/svg+xml" data="Resources/Wefix2.svg"></object></a>

我的javascript应与IMG替换对象，但他不会在Firefox发生。即使我手动添加img到a。但是当我用不同的标签做这件事：

<a id="as" href="#"><img src='Resources/WeFix Wide Logo.png' style='height:128px;margin-left:auto;margin-right:auto;text-align:center;display:block;' /></a>

没问题。真的不明白这里发生了什么。为什么在另一个标签是doesen't工作？

编辑：

发现这个问题，但我不知道如何解决它。当我从对象中删除样式属性它工作正常，其他js代码是不需要的。由于某种原因，风格隐藏SVG，这种情况只在FF，我在Safari，Chrome和IE

另一个编辑测试：这似乎显示：块隐藏图像......真是奇怪。我怎样才能让图片居中？通常我将它设置为阻止，并给它一个宽度，然后保证金：0自动。我怎么能中心它没有显示？

来源

2014-10-19 Bodokh

尝试创建风格动态（element.style.margin ='0 auto'; ...） – GramThanos 2014-10-19 03:49:49

@ThanasisGrammatopoulos检查我的新编辑，问题是与显示：块。 – Bodokh 2014-10-19 03:50:32

风格是否需要内联在元素中？你可以给它分配一个类或ID并从外部定义样式吗？ – trnelson 2014-10-19 03:52:08

我发现周围的工作中，由于显示块墙根我用下面的代码，使其中心位于SVG：

style="display:inline-block;pointer-events:none;width:320px;"

这个工作我插入我的一个标签和对象标记与textAlign设置中心一个div ，以及所有这些工作。无论如何感谢欢呼。

来源

2014-10-19 03:55:23 Bodokh

奇怪的Firefox问题与innerHTML的

回答

相关问题