Bagaimana cara mengaktifkan fitur CSS3 di Internet Explorer 6, 7 dan 8?

18

Sementara IE9 terlihat sangat menjanjikan, IE6, IE7 dan IE8 mungkin akan menghantui kita selama bertahun-tahun yang akan datang, memperlambat penyebaran CSS3 di web.

Sejumlah proyek berdasarkan HTC dan JS menambahkan beberapa dukungan CSS3 ke IE:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (sudut melengkung)
  • yaitu-css3.htc
  • yaitu-css3.js

Saya hanya memiliki pengalaman dengan CSS3PIE (melakukan hal-hal yang dibulatkan pada http://docs.composite.net/ ) dan kecuali untuk efek tetikus ini berfungsi dengan baik dan murni CSS3.

Apa fitur CSS3 yang dibawa oleh berbagai proyek ke IE dan seberapa baik? Adakah di antara mereka pemenang yang jelas?

css3 internet-explorer-6 mawtex
sumber
1
Mengapa tidak mencoba semuanya dan beri tahu kami apa yang Anda temukan? Jika Anda memiliki blog itu akan menjadi posting yang bagus yang akan menghasilkan banyak minat saya yakin.
John Conde
Saya menemukan ini di situs CSS3PIE css3pie.com/documentation/product-comparison tetapi saya berharap ini bias, maka pertanyaannya. Dibutuhkan sedikit pengalaman dunia nyata untuk mendapatkan perasaan yang baik.
mawtex

Jawaban:

8

Karena belum ada yang melangkah, saya akan mencoba memberikan jawaban untuk ini. Sebagian besar dikumpulkan dari membaca http://css3pie.com/documentation/product-comparison/ dan googling sekitar. Saya hanya punya pengalaman langsung dengan CSS3PIE. Jika Anda tahu ada proyek lain, silakan edit ini

CSS3PIE oleh Jason Johnston Menambahkan dukungan yang baik untuk Css3 batas-radius, gradien, bayangan kotak. Pengalaman saya dengan ini adalah bahwa ia bekerja dengan cukup baik dan memiliki dukungan besar untuk radius perbatasan. Bermasalah untuk efek hover (saya harapkan semua item dalam daftar ini menderita karena ini) tetapi tampaknya sempurna ketika digunakan pada html statis. Info lebih lanjut di http://css3pie.com/

ie-css3.js oleh Keith Clark Menambahkan dukungan untuk banyak penyeleksi pseudo-kelas CSS3. Sangat kecil karena berpesta di perpustakaan js lain yang Anda sertakan, seperti jQuery. Ini bisa bekerja dengan baik dengan proyek lain di daftar ini seperti CSS3PIE. Info lebih lanjut di http://www.keithclark.co.uk/labs/ie-css3/
UPDATE Proyek ie-css.js telah dilahirkan kembali di sini: http://selectivizr.com/

IE9 . Ini kesan saya banyak pekerjaan telah dilakukan selama bertahun-tahun. Beberapa ulasan benar-benar positif, beberapa menolak. Info lebih lanjut di http://code.google.com/p/ie7-js/

ecsstender oleh Aaron Gustafson Bekerja dengan IE6, 7 dan 8. Dengan cara modular menambah dukungan untuk penyeleksi CSS3, font-face, border-radius, box-shadow, warna dan transformasi. Sangat terdokumentasi dengan baik. Info lebih lanjut di http://ecsstender.org/extensions

DD_roundies oleh Drew Diller Menambahkan beberapa dukungan untuk radius batas dan png. Info lebih lanjut di http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc oleh Remiz Rahnas Dukungan yang sangat sederhana untuk radius-perbatasan. Info lebih lanjut di http://code.google.com/p/curved-corner/

ie-css3.htc oleh Nick Fetchak Beberapa dukungan untuk radius batas dan bayangan teks. CSS3PIE mengklaim melakukan border-radius dengan lebih baik. Info lebih lanjut di http://www.fetchak.com/ie-css3/

mawtex
sumber
3

Berikut ini adalah artikel yang bagus tentang CSS3 dan IE6, dari Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

Alex
sumber
3
Artikel ini adalah pengantar yang bagus untuk "border-radius.htc" tetapi sebagian besar merupakan daftar filter CSS khusus IE yang dapat meniru fitur CSS3. Sebagai pengembang web, saya ingin tidak menulis banyak kode CSS khusus IE lama, tetapi fokus pada CSS standar dan minta IE bereaksi terhadapnya, seperti yang dilakukan "border-radius.htc" dan "CSS3PIE".
mawtex
0

Coba Google Chrome Frame . Pengguna IE yang menginstalnya akan dapat menjelajahi situs Anda di renderer Google Chrome tanpa berpindah browser.

EDIT: Anda bahkan dapat menggunakan perpustakaan JS yang disediakan oleh Google untuk menampilkan pesan kepada pengguna yang mengundang mereka untuk menginstal Google Chrome Frame. Instalasi satu klik, seperti Flash, tidak perlu memulai ulang browser, dan menyegarkan halaman Anda setelah selesai.

Dan Fabulich
sumber
Jadi, saran Anda pada dasarnya adalah untuk menjangkau semua orang yang akan mengunjungi situs poster pertanyaan di masa depan dengan IE6 / 7/8 dan meminta mereka untuk menginstal Google Chrome Frame sebelum mereka mengunjungi? bukankah lebih mudah untuk mendapatkan semua pengguna IE di dunia untuk beralih ke Chrome?
Nir
@Nir Saya edit untuk menjelaskan bagaimana Anda bisa membuat pengguna Anda menginstal GCF menggunakan perpustakaan JS Google. Cukup bagus.
Dan Fabulich
bahkan dengan instalasi satu klik (BTW, pada Vista Anda perlu peringatan keamanan 5 Ok untuk menginstal Flash - begitu banyak untuk satu klik) Saya tidak akan bermimpi meminta pengguna saya untuk menginstal plugin browser hanya agar saya dapat menggunakan sudut bulat (dan Saya suspet satu-satunya yang akan menginstal adalah orang yang benar-benar percaya dan menyukai produk saya - yaitu, orang-orang yang akan membeli bahkan tanpa sudut bundar).
Nir