IE11 用ハックの WordPress.com での確認

私自身はめったに使わないのですが、ある特定の Web ブラウザにだけ CSS を適用させる方法があります。通称、「CSS ハック」などと呼ばれているものです。ここでは、IE (インタネットエクスプローラ) のバージョン11にだけ CSS を適用させる方法についての覚書です。

IE 11 用の CSS ハックについては、以下の記事で紹介されています。

IE11のみをCSSハックする方法

上記の記事を参考にして、以下の CSS を追加することで、

@media all and (-ms-high-contrast:none) {
    ::-ms-backdrop, * {
        color: red !important;
    }/* IE11 */
}

IE 11 でだけ CSS が適用されるか、実際に確認してみました。適用されていれば文字が赤くなるように設定してみました。

Google Chrome

Google Chrome

FIrefox

FIrefox

2015-03-12 at 10.22

Safari

IE11

IE11

IE10

IE10 (IETester で模擬的に確認)

iPad 3

iPad 3

ipod touch 5

ipod touch 5

どうやら OK っぽいです。

#2015