DOTLOG

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

どうもユーキです。

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

@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

About Me

プロフィール画像

ユーキと申します。27歳の道産子です。犬、ゲーム、お酒、食べること、旅行大好きです。飲み友募集中です。

2018/12より再びフリーランスになりました!

当サイトでは、主にWeb制作全般(バックエンドも)、フリーランス周りの情報など色々なノウハウや知識を載せています。
その他日々気になったこと、思ったことも書いてます。

お問い合わせはこちら

Latest Posts

Popular Posts

TOP