Dukungan browser untuk CSS tertinggal dari pengembangan CSS. Internet Explorer, yang memiliki pangsa pasar absolut, baru menyelesaikan dukungan penuh untuk CSS 2.1 hingga versi ke-8 dirilis belum lama ini spesifikasi sudah lebih dari setengah selesai. Namun hal ini tidak menghalangi kami untuk menggunakan teknologi baru di CSS. Meskipun kami tidak dapat menerapkannya sesuka kami menggunakan teknik umum di CSS, kami dapat mencapai efek yang lebih jelas di browser tertentu. Menggunakan teknologi baru ini di tempat yang tepat tidak hanya akan membuat Anda menjadi yang terdepan dalam teknologi CSS, namun juga membuat karya Anda terasa menyegarkan.
Teknologi CSS baru: Jangan berharap didukung oleh semua browser
Microsoft telah mengumumkan dukungan untuk CSS di berbagai versi browser Internet Explorer 5.5 hingga 8.0. Dalam daftar ini, kita dapat melihat bahwa dukungan penuh untuk CSS 2.1 belum selesai hingga Internet Explorer 8.0, dan hanya dapat digunakan di Internet Explorer 7.0. Pemilih atribut di CSS 2.1, meskipun teknologi CSS ini sangat berguna. Artinya, Anda harus berhenti menggunakan teknologi ini karena pertimbangan pengguna Internet Explorer 6.x yang masih menguasai lebih dari 40% pasar. Misalnya:
[nilai] { tinggi:25px}
[href=http://www.dudo.org/] {color:red;}
Pada baris 1, kita dapat mengatur tinggi semua formulir dengan atribut nilai menjadi 25 piksel; biarkan tautan ke situs web tertentu ditampilkan dalam teks merah. Namun melakukan hal ini di Internet Explorer 6 tidak berpengaruh sama sekali, karena "teknologi CSS baru" ini tidak didukung.
Di CSS 3, penyeleksi atribut memiliki fungsi yang lebih kuat. Selain itu, CSS 3 juga menambahkan efek seperti sudut membulat, bayangan teks, dan batas tiga dimensi. Dapat dikatakan bahwa teknologi CSS baru ini telah membuat masalah asli menjadi rumit di CSS 2 lebih mudah. Ini sangat sederhana. Misalnya, di CSS 3, Anda hanya memerlukan kode berikut untuk mendapatkan tampilan bulat:
<div style="radiu:5px">Ini adalah hal yang sulit</div>
Namun, teknologi baru ini tidak didukung bahkan oleh Internet Explorer 8. Saat ini hanya didukung oleh Firefox, Safari, dan Chrome, dan dukungan ini hanya didukung oleh tidak lengkap. Gunakan -moz-radius di Firefox, dan -wekit-radius di Safari dan Chrome.
Ini adalah teknologi baru dalam CSS yang sepertinya tidak pernah dapat diinterpretasikan sepenuhnya oleh semua browser pada saat yang bersamaan.
Teknologi CSS baru bukanlah Peretasan CSS
Apa itu Peretasan CSS? CSS Hack adalah metode yang memanfaatkan kekurangan tertentu dalam penggunaan CSS di browser untuk menerapkan aturan CSS yang berbeda. Misalnya, _property dapat digunakan untuk membedakan IE7, 8 dan versi IE lainnya, *property dapat digunakan untuk membedakan IE dari browser non-IE, dll. Namun, yang ditunjukkan di sini adalah bahwa semua Peretasan CSS ini adalah spesifikasi CSS non-standar, dan tidak dapat lolos verifikasi W3C. Dengan kata lain, semuanya merupakan aturan CSS yang salah. Namun teknologi CSS baru berbeda. Ini merupakan spesifikasi CSS standar, namun tidak didukung oleh beberapa browser.
Selain itu, teknologi CSS baru tidak dapat diselesaikan dengan peretasan. Untuk ketidakkonsistenan interpretasi model kotak di browser yang berbeda, kami dapat memperbaikinya melalui CSS Hack. Namun, masalah Internet Explorer yang tidak mendukung persegi panjang membulat tidak dapat diselesaikan dengan teknologi CSS Hack apa pun. Solusinya adalah dengan menggunakan XHTML atau Penggunaan tambahan gambar latar belakang.
Oleh karena itu, teknologi CSS baru bukanlah jenis Peretasan CSS, melainkan spesifikasi CSS ortodoks.
Penggunaan teknologi CSS baru secara tepat
Meskipun kami telah menyebutkan sebelumnya bahwa teknologi CSS baru tidak dapat didukung oleh semua browser, juga tidak dapat mencapai efek yang sama di browser yang berbeda seperti menggunakan teknologi CSS Hack. Namun, hal ini tidak menghalangi kami untuk menggunakannya. Bayangkan saja, jika halaman biasa bisa ditambahkan dengan tambahan kemudahan penggunaan di browser tanpa mempengaruhi penggunaannya, bukankah akan lebih menarik? Dan kami mencapai efek ini tanpa menambahkan aturan CSS yang tidak teratur seperti CSS Hack. Oleh karena itu, menggunakan teknologi CSS dengan tepat dan pada waktu yang tepat dapat mencapai efek terbaik dan membuat halaman web Anda lebih mudah digunakan.