Cara Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif-tutorial css-php.cn

Cara Menyasarkan IE7 dan IE8 dengan CSS: Panduan Komprehensif

Linda Hamilton

Lepaskan： 2024-10-29 07:25:02

asal

865 orang telah melayarinya

How to Target IE7 and IE8 with CSS: A Comprehensive Guide

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!