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 っぽいです。

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。