@supportsでクリーンなIEハック

特定の機能が有効な環境にだけ適用させる@supportsobject-fitなどInternetExplorerだけ非対応の機能を指定すると、クリーンなCSSハックができます。

サンプルソース

<div class="test">
  IEのときは&quot;is IE&quot;、そうでないときは&quot;not IE&quot;と表示されます。
</div>
.test::before {
  content: 'is IE';
  display: block;
  margin: 1rem;
}
@supports (object-fit: cover) {
  .test::before {
    content: 'not IE';
  }
}

参考:
@supports – CSS: カスケーディングスタイルシート | MDN

関連記事