特定の機能が有効な環境にだけ適用させる@supports
でobject-fit
などInternetExplorerだけ非対応の機能を指定すると、クリーンなCSSハックができます。
<div class="test"> IEのときは"is IE"、そうでないときは"not IE"と表示されます。 </div>
.test::before { content: 'is IE'; display: block; margin: 1rem; } @supports (object-fit: cover) { .test::before { content: 'not IE'; } }
参考:
@supports – CSS: カスケーディングスタイルシート | MDN