html - 根据没有 javascript 或 PHP 的浏览器,使用带有 PNG 的 SVG 回退到 img 标签中

标签 html browser svg

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

相关文章:

html - 如何在没有 JavaScript 的情况下清除已经发送到浏览器的 HTML 内容?

克隆的 SVG 中路径的 CSS 样式

html - 使用相对定位将文本覆盖在图像上

php - 表单提交到目录?可能的?

html - img 不会在窗口收缩时调整大小

javascript - 捕捉 SVG 比例和居中加载的 SVG 文件

javascript - Yeoman + Grunticon : Gruntfile. js 问题

flash - HTML5 音频标签 flash 回退

java - 在 Eclipse 插件中,如何使用系统浏览器启动 web url?

python - Selenium Webdriver - PhantomJS 卡在 send_keys() 上以文件输入元素