Rumah > Artikel > hujung hadapan web > Cara Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif
Cara Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif
- Linda Hamiltonasal
- 2024-10-29 07:25:02859semak imbas
Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif
Untuk mencapai penggayaan yang disasarkan untuk IE7 dan IE8 tanpa menjejaskan pematuhan W3C, menggunakan kelas khusus penyemak imbas yang jelas adalah kaedah yang berkesan kaedah. Ini menghapuskan keperluan untuk penggodaman CSS yang tidak boleh dipercayai.
Pendekatan 1: Kelas HTML Khusus Penyemak Imbas
Tambahkan kelas HTML pada elemen berdasarkan penyemak imbas:
<code class="html"><!doctype html> <!--[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 (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>
Ini membolehkan anda menyasarkan penyemak imbas tertentu dalam CSS anda:
<code class="css">.ie6 body {
border:1px solid red;
}
.ie7 body {
border:1px solid blue;
}</code>
Pendekatan 2: Hacks CSS
Sebagai alternatif, anda boleh gunakan penggodaman CSS untuk menyasarkan versi IE:
- "9" sasaran IE8 dan ke bawah
- "*" sasaran IE7 dan ke bawah
- "_" sasaran 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>
Penyasaran IE10
IE10 tidak mengiktiraf pernyataan bersyarat. Untuk menyasarkannya, gunakan skrip ini:
<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><![if lt IE 9]><![endif]-->
<head></head>
<body></body>
</html></code>Atas ialah kandungan terperinci Cara Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!