Internet Explorer 6, 7 ve 8'de CSS3 özellikleri nasıl etkinleştirilir?


18

IE9 çok umut verici görünse de, IE6, IE7 ve IE8 muhtemelen uzun yıllar boyunca bize musallat olacak ve CSS3'ün web üzerindeki yayılmasını yavaşlatacak.

HTC ve JS tabanlı bir dizi proje IE'ye bazı CSS3 desteği ekliyor:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (eğri köşe)
  • yani-css3.htc
  • yani-css3.js

Sadece CSS3PIE ( http://docs.composite.net/ üzerinde yuvarlak şeyler yapıyor) ile deneyimim var ve fare üzerinde etkileri dışında bu iyi çalışır ve saf CSS3.

Farklı projeler IE'ye hangi CSS3 özelliklerini getiriyor ve ne kadar iyi? Açık bir kazanan var mı?


1
Neden hepsini denemiyor ve ne bulduğunu bize bildirmiyorsun? Eğer bir blog varsa eminim çok ilgi yaratacak harika bir yazı olurdu.
John Conde

Bunu CSS3PIE sitesinde buldum css3pie.com/documentation/product-comparison ama önyargılı olmasını bekliyorum, dolayısıyla soru. İyi bir his elde etmek için biraz gerçek dünya deneyimi gerektirir.
mawtex

Yanıtlar:


8

Henüz kimse hızlanmadığı için buna bir cevap vermeye çalışacağım. Çoğunlukla http://css3pie.com/documentation/product-comparison/ okuma ve etrafta dolaşma ile toplanır . Sadece CSS3PIE ile deneyimim var. Diğer projelerden herhangi birini biliyorsanız, bunu düzenlemekten çekinmeyin

Jason Johnston tarafından CSS3PIE Css3 sınır yarıçapı, degradeler, kutu gölgesi için iyi destek ekler. Bu konudaki tecrübem, oldukça iyi çalışması ve sınır yarıçapı için büyük desteğe sahip olması. Vurgulu efektler için sorunlu (bu listedeki tüm öğelerin bundan muzdarip olmasını bekliyorum) ancak statik html'de kullanıldığında kusursuz görünüyor. Http://css3pie.com/ adresinde daha fazla bilgi

ie-css3.js by Keith Clark Çok sayıda CSS3 sözde sınıfı seçicisi için destek ekler. JQuery gibi eklediğiniz diğer js kitaplıklarına bayıldığından son derece küçüktür. Bu, bu listedeki CSS3PIE gibi diğer projelerle iyi sonuç verebilir. Daha fazla bilgi için http://www.keithclark.co.uk/labs/ie-css3/
GÜNCELLEME ie-css.js projesi burada yeniden doğdu: http://selectivizr.com/

IE9.js , IE6, 7 ve 8 için Dean Edwards Works tarafından hazırlanmıştır. Yıllar boyunca bu konuda birçok çalışma yaptığım izlenimi. Bazı değerlendirmeleri gerçekten olumlu, bazıları küçümseyen. Http://code.google.com/p/ie7-js/ adresinde daha fazla bilgi

ecsstender by Aaron Gustafson IE6, 7 ve 8 ile çalışır. Modüler bir şekilde CSS3 seçicileri, yazı tipi yüzü, kenar yarıçapı, kutu gölgesi, renkler ve dönüşümler için destek ekler. Çok iyi belgelenmiş. Http://ecsstender.org/extensions adresinde daha fazla bilgi

Drew Diller tarafından DD_roundies Sınır yarıçapı ve png için biraz destek ekler. Daha fazla bilgi için http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc Remiz Rahnas tarafından Sınır-yarıçapı için çok basit bir destek. Http://code.google.com/p/curved-corner/ adresinde daha fazla bilgi

ie-css3.htc by Nick Fetchak Kenarlık yarıçapı ve metin gölgesi için bazı destekler. CSS3PIE sınır yarıçapını daha iyi yaptığını iddia ediyor. Daha fazla bilgi için http://www.fetchak.com/ie-css3/


3

İşte Smashing Magazine'den CSS3 ve IE6 ile ilgili güzel bir makale: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/


3
Bu makale, "border-radius.htc" için harika bir giriştir ancak çoğunlukla CSS3 özelliklerini taklit edebilen yalnızca IE CSS filtrelerinin bir listesidir. Bir web geliştiricisi olarak eski IE'ye özgü CSS kodu yazmak istemiyorum , ancak standart CSS'ye odaklanıyorum ve IE'nin "border-radius.htc" ve "CSS3PIE" gibi tepki vermesini istiyorum.
mawtex

0

Google Chrome Frame'i deneyin . Yükleyen IE kullanıcıları, tarayıcıları değiştirmeden sitenize Google Chrome'un oluşturucusunda göz atabilir.

EDIT: Google Chrome Frame'i yüklemeye davet eden kullanıcılara bir mesaj göstermek için Google tarafından sağlanan bir JS kütüphanesini bile kullanabilirsiniz. Flash gibi tek tıklamayla yapılan bir yükleme, tarayıcının yeniden başlatılmasını gerektirmez ve bittiğinde sayfanızı yeniler.


Öyleyse, öneri temel olarak gelecekte IE6 / 7/8 ile soru posterinin sitesini ziyaret edecek ve ziyaret etmeden önce Google Chrome Frame'i yüklemelerini sağlayacak tüm insanlara ulaşmak mı? bunun yerine dünyadaki tüm IE kullanıcılarının Chrome'a ​​geçmesini sağlamak daha kolay olmaz mıydı?
Nir

@Nir Kullanıcılarınızın Google'ın JS kitaplığını kullanarak GCF'yi nasıl yükleyebileceğini açıklamak için düzenledim. Oldukça hoş.
Dan Fabulich

hatta tek tıklamayla kurulumlar (BTW, Vista'da Flash'ı yüklemek için 5 güvenlik uyarısı okmanız gerekir - tek bir tıklama için çok fazla) Kullanıcılarımdan bir tarayıcı eklentisi yüklemelerini istemem hayal etmem. Yükleyecek olanların, ürünüme gerçekten güvenen ve beğenen tek şey olduğunu düşünüyorum - yani, köşeleri yuvarlatılmış olsa bile satın alacak olanlar).
Nir
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.