html – 使用带有PNG的SVG可以使用img标签,具体取决于没有javascript或PHP的浏览器

2019年7月21日 201次阅读

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

第三个问题,我用谷歌搜索,似乎找不到像[if …]这样的所有评论功能被解释的地方.除了[if …]之外还有其他功能吗？有[如果……那么]？

最佳答案 你有没有尝试过：

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