我知道这个主题有几个主题,但最终,所有的答案似乎建议使用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]?
答案 0 :(得分:2)
你试过了吗?
<object data="img.svg" width="200px" height="50px" type="image/svg+xml">
<img src="img.png" width="200" height="50">
</object>