困った時のIE用CSSハック

制作しているサイトでどうしても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