我知道有几个关于这个主题的主题,但最终,所有答案似乎都建议使用 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>
关于html - 根据没有 javascript 或 PHP 的浏览器,使用带有 PNG 的 SVG 回退到 img 标签中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18734172/