Bagaimanakah Saya Boleh Menggunakan CSS :selepas dan :sebelum Pseudo-elemen dalam Internet Explorer 7?

Elemen Pseudo CSS :selepas dan :sebelum dalam Internet Explorer 7: Penyelesaian

Elemen pseudo CSS :selepas dan :sebelum adalah penting untuk menambah kandungan dan penggayaan pada halaman web. Walau bagaimanapun, kefungsian mereka dalam Internet Explorer 7 (IE7) boleh dihalang.

Masalah:

Walaupun berfungsi dengan sempurna dalam pelayar moden dan IE8, elemen pseudo ini tidak disokong dalam IE7, menimbulkan sekatan jalan untuk pembangun yang cuba mencapai penggayaan khusus dalam mereka aplikasi.

Penyelesaian:

Walaupun penggodaman CSS tulen tidak dapat membetulkan isu ini, perpustakaan JavaScript luaran menyediakan penyelesaian yang berdaya maju:

1. IE8.js:

Pustaka ini meniru gelagat IE8 dalam IE7, termasuk sokongan untuk elemen pseudo CSS. Anda boleh memasukkannya dalam projek anda menggunakan coretan berikut:

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

2. Pemalam Pseudo jQuery:

Jika anda sudah menggunakan jQuery, pemalam ini meningkatkan fungsinya dengan sokongan untuk elemen pseudo dalam IE7:

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

Nota:

IE8.js hanya diperlukan untuk IE6 dan IE7, seperti pelayar lain akan mengabaikannya. Pemalam jQuery, sebaliknya, serasi dengan semua penyemak imbas.

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