Internet Explorer 7 で :after および :before CSS 擬似要素を機能させるにはどうすればよいですか?

Internet Explorer 7 の :after および :before CSS 疑似要素のサポート

最新のブラウザーで広く使用されているにもかかわらず、:after および :before :before CSS 疑似要素が Internet Explorer 7 で正しく機能しません。これは、

ハッキング ソリューション

残念ながら、この問題を解決する純粋な CSS ハックは知られていません。ただし、効果的な解決策の 1 つは、さまざまな Internet Explorer バージョンとの互換性サポートを提供する JavaScript ライブラリである IE8.js を利用することです。

IE8.js

による実装IE8.js を実装するには、次の script タグをdocument:

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

このスクリプトは、Internet Explorer 7 で :after および :before 擬似要素のサポートを有効にします。次のリンクでその機能をテストできます:

• After: http://ie7-js.googlecode.com/svn/test/after.html
• 前: http://ie7-js.googlecode.com/svn/test/before.html

条件付き実装

IE8.js を確実に実行するにはInternet Explorer 6 および 7 にのみロードされる場合は、次の条件を使用できます。コメント:

jQuery 代替

すでに jQuery を使用している場合は、jQuery 擬似プラグインを利用して同様の機能を実現できます:

$("element").pseudo();

このプラグインを使用すると、:after と :before の動作をシミュレートできます。 Internet Explorer 7 の擬似要素。

以上がInternet Explorer 7 で :after および :before CSS 擬似要素を機能させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。