我在将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 提交了此问题.我不知道解决方法.
原文链接:https://www.f2er.com/css/530797.html