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

前端之家收集整理的这篇文章主要介绍了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 提交了此问题.我不知道解决方法.

猜你在找的CSS相关文章