Question

嗯，这很奇怪。

我的网页上有几张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>

Answer 1

也许您可以动态插入div元素，并将<object>作为其子元素。当你想要显示另一个svg时，删除之前的div＆amp;使用更新的svg插入一个新的div。

浏览器未显示正确的SVG

1 个答案: