使用带有PNG的SVG可以根据浏览器使用img标签而不使用javascript或PHP

时间:2013-09-11 06:32:47

标签: html browser svg

我知道这个主题有几个主题,但最终,所有的答案似乎建议使用modernizr或一些javascript代码。我认为包含png后备的最大原因是IE8及更低版本。我想知道为什么似乎没有人使用以下代码。

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

第一个问题,这是不是很糟糕?是使用modernizr和javascript的行业标准方法吗?

第二个问题,我注意到第二行似乎是针对IE 9和IE 10之类的其他浏览器,如Chrome和Firefox。这正是我想要的行为,但它似乎很奇怪。它应该是那样的吗?

第三个问题,我用Google搜索,似乎无法找到像[if ...]这样的所有评论功能都被解释的地方。除了[if ...]之外还有其他功能吗?有没有[if ... then]?

1 个答案:

答案 0 :(得分:2)

你试过了吗?

<object data="img.svg" width="200px" height="50px" type="image/svg+xml">
   <img src="img.png" width="200" height="50">
</object>