使用带有 PNG 的 SVG 回退到 img 标记中,具体取决于没有 JavaScript 或 PHP 的浏览器



我知道关于这个主题有几个主题,但最终,所有的答案似乎都建议使用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。这正是我想要的行为,但看起来很奇怪。应该是这样的吗?

第三个问题,我已经用谷歌搜索过,似乎找不到一个地方来解释所有评论功能,如[如果...]。除了[如果...]之外还有其他功能吗?有没有[如果...然后]?

你试过吗:

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

最新更新