在较旧的浏览器中，用于显示PNG而不是SVG的条件代码? [英] Conditional code for displaying PNG in place of SVG for older browsers?

问题描述

我正在寻找一种方法，以使较旧的浏览器在检测到时显示PNG图像代替SVG，以作为备用.我网站的徽标目前位于SVG中，但是较旧的浏览器(尤其是IE 8及更低版本)无法呈现.我已经在PNG中使用了徽标.最好的执行方法是什么?

I'm looking for a way to have older browsers display a PNG image in place of an SVG as a fallback when detected. The logo for my site is currently in SVG but older browsers, specifically IE 8 and below won't render it. I already have the logo in PNG. What's the best way to execute this?

谢谢

推荐答案

使用HTML条件注释.

Use HTML conditional comments.

<!--[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检查用户代理.

If you're also looking for a way to handle this for browsers other than IE, you should check the user agent with javascript or php.

这篇关于在较旧的浏览器中，用于显示PNG而不是SVG的条件代码?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！