CSS3 Özelliklerinin Internet Explorer’ da Çalıştırılması

CSS3, web tasarımcılara birçok yeni ve güzel imkanlar tanıdı; ama Internet Explorer’ ın 8 ve altındaki sürümlerinde tam bir CSS3 desteği yok. Hadi Internet Explorer’ da CSS3 çalıştıralım.Internet Explorer’ da CSS3 çalıştırmanın yollarından biri CSS3PIE eklentisini kullanmaktır. Eklentimizi şurada bulabiliriz.

Eklentiyi buradan indirince bize gerekli olan dosya “PIE.htc“.

Mesela, aşağıdaki gibi bir kodu Internet Explorer 8 ve altındaki sürümlerinde çalıştırdığınızda köşelerin yuvarlak olmadığını görürsünüz.

.deneme{
border: 1px solid #333;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 4 */
-webkit-border-radius:10px; /* Safari and Chrome */
-o-border-radius:10px; /* Opera */
}

Güncel tarayıcılarda, CSS3 için “-moz-“, “-webkit” veya “-o-” tanımlamasına gerek kalmıyor aslında.

Yukarıdaki kodumuzu eklentimiz sayesinde IE8 ve altındaki sürümlerde de şu şekilde çalıştırabiliriz. (Bilgisayarınızda IE8′ in üstünde bir sürüm varsa şu yazıma bir bakıverin.)

.deneme{
border: 1px solid #333;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 4 */
-webkit-border-radius:10px; /* Safari and Chrome */
-o-border-radius:10px; /* Opera */
behavior: url(PIE.htc);
}

PIE.htc dosyasını kodu gösterdiğimiz sayfanın konumuna göre çağırmamız gerektiğini de hatırlatalım. Mesela, PIE.htc dosyası “css” adlı bir klasörde tutuluyorsa “behavior: url(css/PIE.htc);” şeklinde yazmalıyız kodumuzu.

CSS3PIE eklentisinin hangi CSS3 özelliklerini desteklediğini ve bu özelliklerin nasıl kullanıldığını şuradaki sayfadan öğrenebilirsiniz.