javascript - 特定のブラウザで何かを非表示にする

Question

Web サイトに img src がありますが、ブラウザー間の互換性の問題に気付きました。JavaScriptでブラウザを検出する方法があるのは知っていますが、Internet ExplorerやFirefoxで画像が消えるようにする方法はありますか? google chrome では問題なく動作するようです。

Answer 1

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 */
    }
}

Answer 2

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; }
}