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

最佳答案

我不认为webkit中的<object>有透明的背景是可能的。There's a bug 针对这个问题提交了申请。我不知道该怎么办。