Internet Explorer CSSとは?

Internet Explorer (IE)はMicrosoftのウェブブラウザで、まだ標準化されていなかった効果を実現するために、独自のCSSプロパティとフィルターを使用していました。これらには、グラデーション、シャドウ、不透明度、変換など、IEでのみ機能する特別なフィルターが含まれていました。IEは現在廃止されていますが、多くのレガシーウェブサイトには、この古いCSSコードが含まれており、現代化が必要です。

IE CSSを現代化する理由は?

最新のブラウザは、より効率的で保守しやすく、広くサポートされている標準化されたCSSプロパティを使用しています。IE固有のCSSを最新の標準に変換することで、ウェブサイトがすべての現在のブラウザで動作することを保証し、パフォーマンスを向上させ、コードをより簡単に保守・更新できるようにします。

ツール説明

IE CSS Modernizer は、レガシーなInternet Explorer CSSコードを自動的に最新の標準準拠CSSに変換します。IE固有のプロパティ、フィルター、ハックを識別し、すべての現在のブラウザで動作する最新のCSS相当物に置き換えます。

機能

  • 自動変換 - IE固有のCSS構文を検出し、最新の標準に変換
  • フィルター変換 - IEフィルター(グラデーション、シャドウ、不透明度)を標準CSSに変換
  • ハック削除 - IE固有のCSSハックと回避策を識別して削除

一般的なIE CSS変換

このツールはさまざまなIE固有のCSSパターンを処理します:

  • Alphaフィルター → opacity プロパティ
  • グラデーションフィルター → linear-gradient() または radial-gradient()
  • シャドウフィルター → box-shadow プロパティ
  • Matrixフィルター → transform プロパティ
  • IE条件付きコメント → 最新の機能検出
  • スターハック(*) → 標準プロパティ
  • アンダースコアハック(_) → 標準プロパティ
  • IE6/7固有のセレクター → 最新のセレクター