1. Pendahuluan
Artikel ini mencakup 8 solusi yang sangat berguna yang akan Anda gunakan ketika Anda mengalami masalah dengan desain CSS.
2. Pemilih khusus browser
Selector ini akan sangat berguna ketika Anda perlu mendesain CSS untuk browser tertentu.
IE6 dan versi yang lebih rendah
| *html {} |
IE7 dan versi yang lebih rendah
*:anak pertama+html {} * html {} |
*:anak pertama+html {} |
html>tubuh{} |
| html>/**/tubuh{} |
Opera9 dan versi yang lebih rendah
html:anak pertama {} Safari html[xmlns*=""] badan:anak terakhir {} |
Untuk menggunakan penyeleksi ini, letakkan sebelum gaya.
#kotak konten { lebar: 300 piksel; tinggi: 150 piksel; } *html #kotak konten { lebar: 250 piksel; } /* mengganti gaya di atas dan mengubah lebar menjadi 250px di IE 6 dan di bawahnya */ |
3. Izinkan IE6 mendukung transparansi PNG
Bug di IE6 menyebabkan masalah besar, tidak mendukung gambar PNG transparan.
Anda perlu menggunakan filter css
*html #gaya gambar { gambar latar belakang: tidak ada; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="skala"); } |
4. Hilangkan garis putus-putus pada hyperlink (hanya berlaku untuk FF)
Di bawah FireFox, ketika Anda mengklik hyperlink, garis putus-putus akan muncul di pinggirannya. Ini mudah diselesaikan, cukup tambahkan ke gaya label
| garis besar: tidak ada. A{ garis besar: tidak ada; } |