html-如何使SVG在Web-kit中透明显示？

我在将SVG嵌入到网页时遇到问题.我发现最简单的方法就是只使用图像标签.例如：

<img src="my_graphic.svg" height="100"/>

可在网络套件中使用.我不需要显式设置宽度,浏览器将保持宽高比.非常好！

但是,这在Firefox中不起作用-它不是跨浏览器.那么作为对象嵌入呢？

<object type="image/svg+xml" 
        height="100"
        width="554"
        data="my_graphic.svgz">
        <span/></object>

这次我正在使用svgz,并且已添加了mime类型,瞧！它可以在firefox和webkit中使用.但是,在Webkit中,我需要明确声明宽度,否则我们将获得一些讨厌的元素滚动条.但是更糟糕的是背景不再透明.它用白色背景呈现.

因此,一种方法可以完美地在webkit中工作.另一个可以在mozilla中完美运行.我该怎么做才能使其在两个环境中都能可靠地工作？

有兴趣对此进行演示吗？请参阅我的链接以供参考：
http://sumocreations.com/demo/svg/new_dttg.html

最佳答案

我不认为< object>目前可能.在WebKit中具有透明背景. There’s a bug 提交了此问题.我不知道解决方法.