如何讓 :after 和 :before CSS 偽元素在 Internet Explorer 7 中運作？

Internet Explorer 7 支援:after 和:before CSS 偽元素

儘管:after 和:before 在現代瀏覽器中廣泛使用，但:after 和:before CSS 偽元素:before CSS 偽元素無法在Internet Explorer 7中正常運作。這對於依賴 CSS 偽元素的 Web 開發人員來說可能是一個重大障礙這些功能。

駭客解決方案

不幸的是，沒有已知的純 CSS 駭客可以解決此問題。然而，一個有效的解決方案是利用 IE8.js，這是一個為各種 Internet Explorer 版本提供相容性支援的 JavaScript 程式庫。

使用IE8.js 實作

要實作IE8.js，請在文件中包含以下腳本標記：

<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 中加載，您可以使用以下條件comment:

jQuery替代方案

如果您已經在使用jQuery，您可以利用jQuery 偽外掛程式來實現類似的功能：

$("element").pseudo();

此外掛程式可讓您模擬Internet Explorer 中:after和:before 偽元素的行為7.

以上是如何讓 :after 和 :before CSS 偽元素在 Internet Explorer 7 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！