用于在旧浏览器中显示PNG代替SVG的条件代码？

Question

我正在寻找一种方法让旧版浏览器在检测到时显示PNG图像代替SVG作为后备.我的网站的徽标目前在SVG中,但较旧的浏览器,特别是IE 8及更低版本的浏览器不会呈现它.我已经在PNG中拥有徽标.执行此操作的最佳方法是什么？

谢谢

Answer 1

使用HTML条件注释.

<!--[if lte IE 8]><img src="logo.png" /><![endif]-->
<!--[if gt IE 8]><img src="logo.svg" /><![endif]-->
<!--[if !IE]> --><img src="logo.svg" /><!-- <![endif]-->

http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx

如果您还在寻找一种方法来处理IE以外的浏览器,您应该使用javascript或php检查用户代理.

Answer 2

<object type="image/svg+xml" data="image.svg">
    <img src="image.png" alt="image"/>
</object>