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/

相关文章:

javascript - 将鼠标悬停在一个元素上以将类添加到另一个元素?

jquery - 在滚动上绘制弯曲(响应式)SVG 路径

javascript - 第三方脚本设置第一方 cookie

javascript - 两个 D3.js 图与 AngularJS 在同一页面中

javascript - D3 饼图弧线过渡到 180° 时不可见

php - 拒绝访问 htaccess 中的多个文件

javascript - 当按钮为空时,按钮尺寸会变得太小

javascript - 如何使导航栏悬停 HTML CSS 的主体变暗?

browser - GWT 不支持的浏览器警告

css - 同一个样式表会在不同页面上加载多次吗?