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

Internet Explorer 7 の CSS 疑似要素 :after および :before: 解決策

CSS 疑似要素 :after および :before は必須ですWeb ページにコンテンツとスタイルを追加します。ただし、Internet Explorer 7 (IE7) での機能は妨げられる可能性があります。

問題:

最新のブラウザーと IE8 では問題なく動作するにもかかわらず、これらの疑似要素はサポートされていません。 IE7 では、特定のスタイルを実現しようとする開発者にとって障害となります。

解決策:

純粋な CSS ハックではこの問題を修正できませんが、外部 JavaScript ライブラリは実行可能な回避策を提供します。

1. IE8.js:

このライブラリは、CSS 疑似要素のサポートを含め、IE7 で IE8 の動作をエミュレートします。次のスニペットを使用してプロジェクトにこれを含めることができます:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

2. jQuery 疑似プラグイン:

すでに jQuery を使用している場合、このプラグインは IE7 での疑似要素のサポートにより機能を強化します:

http://jquery.lukelutman.com/plugins/pseudo/

注:

IE8.js は、他のものと同様、IE6 と IE7 にのみ必要です。ブラウザはそれを無視します。一方、jQuery プラグインはすべてのブラウザーと互換性があります。

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