DOTLOG

IE11のみにCSSを効かせる方法(CSSハック)

どうもユーキです。

サイト制作をしているときにIE11だけ崩れちゃってることって結構ありますよね。
そんなときには、CSSハックという特定のブラウザのみに反映できるテクニックがあります。
今回はIE11のみに効かせる方法を紹介します。

CSSの指定方法

@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, .text { color: red; }
}

これだけです。

上記のメディアクエリで囲んで(screenのところはallとかに変えても大丈夫です)、CSSを効かせたいclassやIDの前に*::-ms-backdrop, をつければOKです。簡単ですね。

ちなみに *::-ms-backdrop, この部分を消せばIE10にも効くようです。
まぁいまどき対象ブラウザ外だと思うので、あまり気にしなくてもいいかもですね。

CSSハックはSEOにあまり良くないとかなんとか。
使わないに越したことは無いとおもいますが、IE11だけ崩れる際は使ってみてはいかがでしょうか?

COMMENTS

TOP