我知道有关于这个主题的几个主题,但最终,所有的答案似乎建议使用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>