LoginSignup
0
0

More than 3 years have passed since last update.

IE11から逃れられないみなさまへ

Posted at

この記事のターゲット

  • IE11対応とかきいてないんだけど?
  • 案の定IE11だけ表示おかしいんだけど?

結論だけ欲しい人用

/* only IE11 */
_:-ms-lang(x)::-ms-backdrop, .クラス名 {
  /* スタイル */
}

各要素について

:lang

MDNリファレンス : https://developer.mozilla.org/ja/docs/Web/CSS/:lang

lang擬似要素はその要素に言語の情報を付与します。
:lang(en)
:lang(ja)
みたいな。

::backdrop

MDNリファレンス : https://developer.mozilla.org/ja/docs/Web/CSS/::backdrop

backdrop擬似要素何らかの要素が全画面モードで表示される直下に直接表示される viewport の寸法のボックスとされています。

-ms-

これはInternet Explorer用のベンダープレフィックスですね。

まとめ

ベンダープレフィックスでIEに絞った上でIE11だけかつ上の層から適用できる要素を指定している、という理解です。
できればこんなものは使わずに済ませたいところですがどうしてもここだけ、という時などはぜひ。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0