Bagaimana untuk Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi?-tutorial css-php.cn

Bagaimana untuk Menyasarkan IE7 dan IE8 Secara Khusus dengan CSS Mematuhi?

Susan Sarandon

Lepaskan： 2024-10-29 21:00:03

asal

711 orang telah melayarinya

How to Specifically Target IE7 and IE8 with Compliant CSS?

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!