Internet Explorer özel css

Hazırlanan tasarımda ie6-7-8-9-10-11 veya edge versiyonlarında bozulmalar olabilir. Bunun için internet explorer için özel css dosyası oluşturarak bozulan yerleri bu css dosyasından manipüle edebiliriz. 

Internet Explorer 6 ve 7 için;

@media screen\9 { 
    .ie67 {
        property: value; 
    }
}

Internet Explorer 8;

@media \0screen {
    .ie8 {
        property: value;
    }
}

Internet Explorer 8-9-10;

@media screen\0 {
    .ie8910 {
        property: value;
    }
}

Internet Exporer 9

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
    // IE9 CSS
    .ie9{
        property: value;
    }
}

Internet Explorer 10

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        property:value;
    }
}

Internet Explorer 11

_:-ms-fullscreen, :root .ie11up { property: value; }

 

Anasayfa