首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >.SVG浏览器支持

.SVG浏览器支持
EN

Stack Overflow用户
提问于 2012-01-19 20:49:28
回答 5查看 95.6K关注 0票数 62

我正在做一个响应式的设计,我正在考虑将导航图标创建为.svg文件。当前的浏览器支持是什么样的,是否有针对较旧浏览器版本的变通方法/插件?

EN

回答 5

Stack Overflow用户

发布于 2015-08-06 10:41:57

..。或者你可以让apache服务器来处理它:

代码语言:javascript
复制
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} MSIE\s[5-8]\.
RewriteCond %{REQUEST_FILENAME} ^.+?\.svg$
RewriteRule ^(.+?)\.(?:svg)$ $1\.png [L]

你只需要创建每个.svg文件的.png版本,不管文件是作为css背景还是img标签。

票数 13
EN

Stack Overflow用户

发布于 2012-01-20 04:15:59

值得注意的是,如果您确实需要SVG支持,您可以轻松地实现GoogleChromeFrame,以获得您正在寻找的<=IE8支持……

尽管您可能会发现,每个浏览器在规范的功能方面都有自己的小怪癖。我在动态创建的使用过滤器的节点上遇到了问题,animateMotion在Google Chrome中的our已经有很长时间了……(我们使用FF5+作为我们的交互界面,因此Safari也在变得更好)

除非整个应用程序都是SVG,否则我只会将PNG用于你的图标,除非你想让它们很好地缩放!:)

...but如果你只是想玩SVG,那就给你吧!;)

票数 7
EN

Stack Overflow用户

发布于 2016-01-23 00:47:44

*使用对象元素!

代码语言:javascript
复制
<object data="example.svg" type="image/svg+xml">
     <!-- If browser don't soport / don't find SVG  -->
     <img src="example.png" alt="Logotype" />
</object>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8926285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档