Bolehkah Pure CSS Hacks Menyokong :after/:before dalam Internet Explorer 7?

Retasan CSS Tulen untuk Menyokong :selepas/:sebelum dalam Internet Explorer 7

Elemen pseudo CSS (:selepas dan :sebelum) ialah alat yang berkuasa untuk menggayakan elemen web. Walau bagaimanapun, mereka boleh menghadapi isu keserasian dalam pelayar lama seperti Internet Explorer 7.

Adakah terdapat penyelesaian untuk menyokong :after/:before dalam Internet Explorer 7 menggunakan penggodaman CSS tulen?

Jawapan:

Malangnya, tiada penggodaman CSS tulen yang diketahui yang boleh menyokong sepenuhnya :selepas dan :sebelum dalam Internet Explorer 7.

Walau bagaimanapun, terdapat beberapa penyelesaian alternatif:

1. Gunakan Perpustakaan IE8.js:

IE8.js ialah perpustakaan JavaScript yang menyediakan sokongan untuk ciri CSS moden, termasuk :selepas dan :sebelumnya, dalam Internet Explorer 7. Anda boleh memasukkan skrip IE8.js dalam projek anda untuk mendayakan ciri ini:

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

2. Gunakan Pemalam Pseudo jQuery:

Pemalam Pseudo jQuery ialah pemalam jQuery yang membolehkan anda menggunakan :selepas dan :sebelum dalam pelayar yang tidak menyokongnya secara asli. Dengan memasukkan pemalam dalam projek anda, anda boleh menggunakan JavaScript untuk mencipta penggayaan yang diingini:

$(selector).pseudo('after', 'content');
$(selector).pseudo('before', 'content');

3. JavaScript Bersyarat:

Anda boleh menggunakan JavaScript bersyarat untuk memuatkan CSS yang menyasarkan versi penyemak imbas tertentu atau untuk menggunakan penggodaman CSS khusus untuk Internet Explorer 7. Contohnya:

<!--[if lt IE 8]>
    <link rel="stylesheet" href="ie7-hacks.css">
<![endif]-->

Dalam Fail CSS, anda boleh memasukkan peraturan CSS yang disasarkan khusus kepada Internet Explorer 7:

/* Internet Explorer 7 hacks */
* html .ie7-hack {
    /* Custom styling here */
}

Walaupun penyelesaian ini tidak boleh meniru sepenuhnya tingkah laku native :after/:before dalam Internet Explorer 7, mereka menyediakan penyelesaian yang berdaya maju untuk mencapai kesan penggayaan yang serupa.

Atas ialah kandungan terperinci Bolehkah Pure CSS Hacks Menyokong :after/:before dalam Internet Explorer 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!