Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi?
Bagaimana untuk Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi?
- Susan Sarandonasal
- 2024-10-29 21:00:03687semak imbas
Cara Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi
Mencapai penyasaran CSS khusus penyemak imbas boleh menjadi mencabar, terutamanya apabila menangani versi lama seperti IE7 dan IE8. Berikut ialah dua pendekatan:
Penyasaran Eksplisit Tanpa Hacks Menggunakan HTML dan CSS
Kaedah ini bergantung pada mencipta kelas khusus penyemak imbas untuk unsur. Contohnya:
<code class="html"><!--[if IE]> <![endif]--> <!--[if lt IE 7 ]><html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>
Dalam CSS anda, anda kemudiannya boleh menyasarkan versi IE tertentu dengan tepat:
<code class="css">.ie6 body { border:1px solid red; }
.ie7 body { border:1px solid blue; }</code>
Menyasarkan Versi IE dengan CSS "Hacks"
Untuk "godam" CSS, peraturan berikut dikenakan:
- Gunakan "9" untuk menyasarkan IE8 dan ke bawah.
- Gunakan "*" untuk menyasarkan IE7 dan ke bawah.
- Gunakan "_" untuk menyasarkan IE6.
Contoh:
<code class="css">body {
border: 1px solid red; /* Standard */
border: 1px solid blue; /* IE8 and below */
*border: 1px solid orange; /* IE7 and below */
_border: 1px solid blue; /* IE6 */
}</code>
Menyasarkan IE10
Untuk IE10 , yang tidak mengenali pernyataan bersyarat, gunakan kod berikut:
<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><!--<![endif]-->
<head></head>
<body></body>
</html></code>Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!