<分区>
我正在考虑将我网站上的一些 SVG 图片转换为 PNG 以供不正确支持 SVG 的浏览器使用.我主要遇到 IE 中显示的基于文本的问题(显示完全错误的字体)，所以我想我会创建一个回退到 PNG。
我已经尝试为此寻找一个很好的演练(我承认自己是一个菜鸟)，但我还没有设法让它全部工作。我相信我想使用 modernizer.js检查兼容性，然后在不兼容的不同图像中提供服务(？)
标签 javascript html svg png fallback
<分区>
我正在考虑将我网站上的一些 SVG 图片转换为 PNG 以供不正确支持 SVG 的浏览器使用.我主要遇到 IE 中显示的基于文本的问题(显示完全错误的字体)，所以我想我会创建一个回退到 PNG。
我已经尝试为此寻找一个很好的演练(我承认自己是一个菜鸟)，但我还没有设法让它全部工作。我相信我想使用 modernizer.js检查兼容性，然后在不兼容的不同图像中提供服务(？)
最佳答案
Chris Coyier 在最新的 Smashing Magazine CSS Q&A 中回答了这个确切的问题.
示例(JS 解决方案):
if (!Modernizr.svg) {
$("#logo").css("background-image", "url(fallback.png)");
}
示例(CSS 解决方案):
.no-svg #logo { background-image: url(fallback.png); }
这应该只对 IE8 及以下版本是必需的。 我可以使用有一个full table of browser support .
谢谢克里斯!
关于javascript - 为不受支持的浏览器将 SVG 图像转换为 png - 回退 - modernizr.js(？)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13059502/