Nasıl bir hedef ve geçerli CSS ile 7 İÇİN IE8 mu?

SORU

2 Mayıs 2009, CUMARTESİ

Nasıl bir hedef ve geçerli CSS ile 7 İÇİN IE8 mu?

W3C uyumlu CSS ile IE 7 ve IE8 hedef istiyorum. Bazen bir sürümü için CSS sabitleme diğer düzeltmez. Bunu nasıl başarabilir?

CEVAP

3 Aralık 2010, Cuma

Açıkça kesmek HTML ve CSS kullanmadan IE sürümleri Hedef

Eğer CSS kesmek istemezsin eğer bu yaklaşımı kullanın. <html> öğesine tarayıcı benzersiz bir sınıf ekleyin tarayıcısı dayalı seçebilirsiniz.

Örnek

<!doctype 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]-->
    <head></head>
    <body></body>
</html>

CSS çok sıkı hedef tarayıcınızın erişebilirsiniz.

Örnek

.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}

Daha fazla bilgi için check out http://html5boilerplate.com/

CSS ile IE sürümlerini hedefleyen "Kesmek"

Daha önemlisi, burada IE sürümleri hedef izin kesmek.

Kullan "\9" ve aşağıda hedef IE8.
Kullanım "*" ve aşağıda hedef 7.
Kullan "_" hedef IE6.

Örnek:

body { 
border:1px solid red; /* standard */
border:1px solid blue\9; /* IE8 and below */
*border:1px solid orange; /* IE7 and below */
_border:1px solid blue; /* IE6 */
}

Güncelleme: Hedef IE10

IE10, bu bir "" <html> eleman . sınıf ıe10 uygulamak için Koşullu ifadeleri tanımıyor

<!doctype html>
    <html lang="en">
    <!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className =' ie10';}</script><!--<![endif]-->
        <head></head>
        <body></body>
</html>