我正在考虑转几个SVG我的网站上的图像PNG对于不支持的浏览器SVG适当地。我主要对显示的基于文本的问题有疑问IE（显示的字体完全错误），所以我想我应该创建一个后备PNG.
我已经尝试为此寻找一个很好的演练（我自认是一个菜鸟），但我还没有设法使其全部正常工作。我相信我想用现代化.js http://modernizr.com/检查兼容性，然后使用不兼容的不同图像（？）
Chris Coyier 在最新的文章中回答了这个确切的问题Smashing 杂志 CSS 问答 http://coding.smashingmagazine.com/2012/10/15/css-qa-4/.
- 下载一个版本现代化精简为仅测试
SVG（假设这是您需要的唯一测试）。
- 运行测试。如果它
通过，放入 SVG。如果失败，则放入位图。本质上：
示例（JS解决方案）：
if (!Modernizr.svg) {
$("#logo").css("background-image", "url(fallback.png)");
}
示例（CSS 解决方案）：
.no-svg #logo { background-image: url(fallback.png); }
仅 IE8 及以下版本才需要此操作。我可以用吗 has a 浏览器支持完整表 http://caniuse.com/svg.
谢谢克里斯！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
