在某些浏览器中使某些东西消失

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]-->

for FireFox

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

Answer 2

您可以将其设置为default-hidden，然后使用特定于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 */
    }
}