Css 浏览器未显示正确的SVG

嗯，这是一个奇怪的问题

我有一个包含几个svg图像的网页

（我还检测到不受支持的svg浏览器，并显示一个常规图像，但我猜这与此无关）

有时（我在Chrome OSX和Windows中找到了它），浏览器会显示另一个svg，而不是html中提到的svg

假设我必须从我的页面logo.svg和logo2.svg链接svg文件，它可能会显示logo.svg的logo2.svg intead。 我检查了所有的元素，一切似乎都很好。HTML引用一个svg，而浏览器显示另一个svg（位于HTML的另一部分）

有什么想法吗

<a href="Home">
       <div style="float:left;width:170px;height:154px;">
           <object class="svg-default" data="/images/logo.svg" type="image/svg+xml" style="width:100%; height:100%;z-index:1000;">
           </object>
           <img class="svg-fallback" src="/images/logo.png" style="width: 151px; height: 41px; display: none;">
        </div>        
    </a>

也许您可以动态插入

div

元素，并将

作为其子元素。当您想显示另一个svg时，请删除以前的div并插入一个带有更新svg的新div。

听起来像（影响和）。如果你用它来替换，应该可以。嗨，埃里克，谢谢你的评论。似乎这就是原因。为什么不添加它作为答案呢？正如Erik Dahlström所评论的，这是一个已知的浏览器错误，有一个简单的解决方法。