【CSS】IE10・IE11でずれる・おかしい・表示しない等バグ発生時の対処法 CSSハック
昔から言われているIEの独自仕様。
他のブラウザではちゃんと見れてるのにIEだけ、みれない、若しくはずれているということが多々あります。
きちんと、修正をすれば直る場合もあるのですが、どうしても直らないときは、CSSハックで解決しましょう。
但し、W3Cで非推奨だそうなので、多様・過信は禁物です。
※IEまたはCSSのバージョンアップ等で利かなくなる場合がありますのでご注意を。
【E10以上】
【IE11以上】
まずは、@media all and でメディアタイプを指定 「.*」はお好きなクラスを指定してください。
上記でIE10以上はハックできるようですが、11以上の場合は擬似要素の::-ms-backdropを指定してください。
なにかと、コーダー泣かせのIE。
将来的には、統一規格とかになって頂けるとありがたいんですけどね…
他のブラウザではちゃんと見れてるのにIEだけ、みれない、若しくはずれているということが多々あります。
きちんと、修正をすれば直る場合もあるのですが、どうしても直らないときは、CSSハックで解決しましょう。
但し、W3Cで非推奨だそうなので、多様・過信は禁物です。
※IEまたはCSSのバージョンアップ等で利かなくなる場合がありますのでご注意を。
【E10以上】
@media all and ( -ms-high-contrast : none ) { .* { background : red ; } }
【IE11以上】
@media all and ( -ms-high-contrast : none ) { ::-ms-backdrop , .* { background : red; } }
まずは、@media all and でメディアタイプを指定 「.*」はお好きなクラスを指定してください。
上記でIE10以上はハックできるようですが、11以上の場合は擬似要素の::-ms-backdropを指定してください。
なにかと、コーダー泣かせのIE。
将来的には、統一規格とかになって頂けるとありがたいんですけどね…
著者:poroa | 投稿日:2016年09月16日 | カテゴリ:CSS