javascript - 使某些浏览器中的某些内容消失

Question

我的网站上有一个 img src，我注意到跨浏览器兼容性问题。我知道有一种方法可以检测带有 JavaScript 的浏览器，但是有没有一种方法可以让图像在 Internet Explorer 和 Firefox 中消失？它似乎在谷歌浏览器中工作得很好。

Answer 1

对于 IE：

<!--[if IE 8]> <link href="/ie8.css" rel="stylesheet" type="text/css"> <![endif]-->
<!--[if IE 9]> <link href="/ie9.css" rel="stylesheet" type="text/css"> <![endif]-->

火狐

@-moz-document url-prefix() {
    #my-id { display:none; }
}

Answer 2

您可以将其设置为默认隐藏，然后使用 WebKit 特定的 CSS 再次显示它：

#someImage {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #someImage {
        display: inline; /* Or whatever else you may have set it to */
    }
}