IE8 uyumluluk modu / IE8 tarayıcısının IE7 gibi render etmesini önlemek
IE8 içinde bir düğmeye basarak sayfamızı IE7 içinde çalışır gibi davranmasını sağlayabiliyoruz. Bu düğmeye tıklandığında sayfamız bundan sonra IE7 gibi davranmaya başlayacaktır. Peki, IE7 modunda sayfamızın IE8 gibi davranma şansı varmı? Maalesef bunu yapmak mümkün değil. Eğer sayfalarımızı IE8 içinde çalışacak şekilde tasarlamış ve kesinlikle bu modda çalışmasını sağlamak istiyorsak sayfamızın içine aşağıdaki parametreyi eklemek yeterli olacaktır.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Alternatif olarak, eğer tarayıcımızın IE7 gibi davranmasını istiyorsak aşağıdaki kodu eklememiz yeterli olacaktır.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Her ne kadar bu etiketleri ekleyerek IE8’in IE7 gibi davranmasını sağlasakta bu gerçek bir IE7 gibi olmayacaktır. Bu nedenden meta etiketlerinin kullanımını önermiyorum.
IE8 CSS Hack
IE8 için kullanacağım hack yöntemi star hack yöntemini kullarak IE7 ve daha düşük versiyonları hedef alır. Fakat eski IE tarayıcıları için daha farklı hack yöntemleride kullanılabilir.
p.myclass { color: green; *color: red; } body:last-child p.myclass { color: blue; }
Bu hack yöntemi kullanıldığında myclass sınıfına sahip paragraflar;
- IE7 ve IE6 içinde kırmızı
- IE8 içinde yeşil
- FF, Safari and Opera içinde mavi renk olacaktır.