Minimal Green

はてなブログテーマ『Minimal Green』のデモブログ。はてなブログカスタマイズや、HTML、CSSなどについて書いています。

困った時のIE用CSSハック

f:id:syofuso:20170214185820j:plain
制作しているサイトでどうしてもIEでだけ発生するバグがあったので、IEだけ適用させるCSSを変更するCSSハックで解決させました。
自分用に備忘録としてメモします。

IE10以上に適用

 

  .foo{
  color: green; /* IE10以下 */
}
@media all and (-ms-high-contrast:none){
  .foo {
 color: red; /* IE10以上 */
} 
}

IE11以上に適用

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .foo {
  color: yellow; /* IE11以上 */
} 
}

IEのverごとに分ける方法は以下の記事を参照して下さい。
IEのバージョン毎のハックを試してみる | cly7796.net

IEなんか嫌いだー。以上IE用のCSSハックの備忘録でした。
関連記事:
CSSが効かない…よくある原因(バグやミス)と対処方法 - Minimal Green
参考:
OS、ブラウザごとのCSSハックなどまとめ - Qiita