Bagaimana Saya Boleh Jadikan :selepas dan :sebelum CSS Pseudo-elements Berfungsi dalam Internet Explorer 7?

Internet Explorer 7 Sokongan untuk :after dan :before CSS Pseudo Elements

Walaupun penggunaannya meluas dalam pelayar moden, :after dan :sebelum unsur pseudo CSS gagal berfungsi dengan betul dalam Internet Explorer 7. Ini boleh menjadi perkara yang penting halangan untuk pembangun web yang bergantung pada ciri ini.

Penyelesaian Penggodaman

Malangnya, tiada penggodaman CSS tulen yang diketahui untuk menyelesaikan isu ini. Walau bagaimanapun, satu penyelesaian yang berkesan ialah menggunakan IE8.js, perpustakaan JavaScript yang menyediakan sokongan keserasian untuk pelbagai versi Internet Explorer.

Pelaksanaan dengan IE8.js

Untuk melaksanakan IE8.js, masukkan teg skrip berikut dalam anda document:

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

Skrip ini akan mendayakan sokongan untuk elemen pseudo :after dan :before dalam Internet Explorer 7. Anda boleh menguji kefungsiannya pada pautan berikut:

• Selepas: http://ie7-js.googlecode.com/svn/test/after.html
• Sebelum: http://ie7-js.googlecode.com/svn/test/before.html

Pelaksanaan Bersyarat

Untuk memastikan bahawa IE8.js hanya dimuatkan dalam Internet Explorer 6 dan 7, anda boleh menggunakan bersyarat berikut ulasan:

jQuery Alternative

Jika anda sudah menggunakan jQuery, anda boleh memanfaatkan Pemalam Pseudo jQuery untuk mencapai fungsi yang serupa:

$("element").pseudo();

Pemalam ini membolehkan anda mensimulasikan tingkah laku :selepas dan :sebelum unsur pseudo dalam Internet Explorer 7.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Jadikan :selepas dan :sebelum CSS Pseudo-elements Berfungsi dalam Internet Explorer 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!