Pure CSS Hacks は Internet Explorer 7 で :after/:before をサポートできますか?

Internet Explorer 7 で :after/:before をサポートするための純粋な CSS ハック

CSS 疑似要素 (:after および :before) はWeb 要素のスタイルを設定するための強力なツール。ただし、Internet Explorer 7 などの古いブラウザでは互換性の問題が発生する可能性があります。

純粋な CSS ハックを使用して Internet Explorer 7 で :after/:before をサポートする回避策はありますか?

答え:

残念ながら、純粋なものは知られていません。 Internet Explorer 7 で :after と :before を完全にサポートできる CSS ハック。

ただし、代替ソリューションがいくつかあります。

1. IE8.js ライブラリを使用する:

IE8.js は、Internet Explorer 7 の :after および :before を含む最新の CSS 機能のサポートを提供する JavaScript ライブラリです。IE8.js スクリプトを含めることができます。プロジェクトで次の機能を有効にします:

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>

2. jQuery 擬似プラグインの使用:

jQuery 擬似プラグインは、:after と :before をネイティブでサポートしていないブラウザーで :after と :before を使用できるようにする jQuery プラグインです。プロジェクトにプラグインを含めることで、JavaScript を使用して目的のスタイルを作成できます。

$(selector).pseudo('after', 'content');
$(selector).pseudo('before', 'content');

3.条件付き JavaScript:

条件付き JavaScript を使用すると、特定のブラウザ バージョンを対象とする CSS を読み込んだり、Internet Explorer 7 専用の CSS ハックを適用したりできます。例:

<!--[if lt IE 8]>
    <link rel="stylesheet" href="ie7-hacks.css">
<![endif]-->

CSS ファイルには、特に Internet Explorer 7 を対象とした CSS ルールを含めることができます。

/* Internet Explorer 7 hacks */
* html .ie7-hack {
    /* Custom styling here */
}

これらのソリューションはInternet Explorer 7 ではネイティブ :after/:before の動作を完全に再現することはできませんが、同様のスタイル効果を実現するための実行可能な回避策が提供されます。

以上がPure CSS Hacks は Internet Explorer 7 で :after/:before をサポートできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。