web creating

POROA

【CSS】IE10・IE11でずれる・おかしい・表示しない等バグ発生時の対処法 CSSハック

昔から言われている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
  • ■同じカテゴリの記事
  • ■よく見られている記事
■最新記事
■カテゴリ一覧
CSS
Excel
Google Analytics
HTML
jQuery
PHP
SEO
WordPress
ホームページ作成
ホームページ作成講座
未分類
楽天
■アーカイブ
2018年9月
2016年12月
2016年11月
2016年10月
2016年9月
2016年8月
■ランキング