Meskipun saya juga ingin IE6 segera mati, inisiatif subjektif saya terlalu terbatas. Satu-satunya hal yang bisa kita lakukan adalah menggunakan beberapa cara untuk meringankan rasa sakit yang disebabkan oleh IE6.
1. Gunakan tipe dokumen. Cobalah untuk menggunakan tipe dokumen yang paling ketat untuk memastikan bahwa halaman Anda berjalan dalam mode standar. Meski menggunakannya, Anda mungkin tidak bisa menggunakan banyak tag, seperti b, s, font, dll, tapi semuanya bisa diganti dengan CSS.
1.<!DOCTYPE HTML PUBLIK "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
Atau <!doctype html"> yang paling sederhana, yang merupakan satu-satunya jenis dokumen yang dikenali oleh HTML5, dan browser akan secara otomatis mengonversi ke yang di atas. Jangan gunakan deklarasi dokumen xhtml. Awalnya ingin menjadikan html sebagai produk transisi, tetapi seperti yang diketahui semua orang, saya hanyalah pengunjung yang lewat, dan saat menggunakannya, nodeName elemen mungkin peka huruf besar-kecil, yang sangat merepotkan.
2. Gunakan posisi: relatif
Dalam tata letak, selalu pertimbangkan tata letak posisi terlebih dahulu, baru kemudian tata letak mengambang. Model terapung IE gila.
3. Gunakan tampilan: sebaris
Jika Anda harus menggunakan float, ikuti dengan display:inline. Karena ada bug yang mudah terjadi di IE6. Ini akan muncul selama float dan nilai margin dalam arah yang sama dengan float diatur untuk elemen wadah blok. Misalnya, jika kita menetapkan float:left dan margin-left:100px untuk elemen div, maka di IE6 akan menjadi margin-left:200px.
4. Tolong jangan gunakan node komentar. Ada dua hal yang penuh kebencian di sini. Salah satunya adalah bug karakter yang berlebihan. Anda dapat merujuk ke artikel "Phantom of the Opera Bug" oleh Yang Zhengyi (Ah Yi) di blog ini. Yang kedua adalah bug di seluruh API pencarian IE document.all, document.getElementsByTagName dan document.querySelectorAll semuanya dapat mengembalikan node komentar.
5. Untuk efek hover, ingatlah untuk menggunakan elemen a dengan atribut href untuk menyarangkannya di IE: hover hanya efektif untuk tag a, dan tag harus memiliki atribut href yang disetel secara eksplisit.
6. Jangan gunakan persentase dalam pengaturan gaya
IE memiliki masalah dalam menghitung persentase.
7. Biarkan elemen mendapatkan hasLayout
Untuk detailnya, silakan google Baidu untuk studi akademis hebat "Tentang memiliki tata letak" ini. Kita dapat menggunakan el.currentStyle.hasLayout untuk mendeteksi apakah ia telah memperoleh tata letak. Metode universal untuk mendapatkan tata letak adalah zoom:1.
8. Patuhi dengan ketat aturan bersarang (x)html. Aturan bersarang ditentukan dalam jenis dokumen, dan dokumen diurai sesuai dengan itu. Meskipun browser saat ini sangat menarik perhatian, untuk mencegahnya gila, lebih baik berhati-hati. Selain itu, meskipun beberapa elemen akan tertutup secara otomatis, kita harus menutupnya sendiri. Sangat penting untuk mengembangkan kebiasaan yang baik.
9. Tingkatkan keterampilan JavaScript Anda
IE6 tidak mendukung banyak hal atau tidak mendukungnya dengan baik, tetapi kita dapat menggunakan JavaScript untuk mensimulasikan hampir semuanya, seperti berbagai kelas semu hubungan, kelas semu pemfilteran sub-elemen, kelas semu atribut, kelas semu target , lebar minimum dan lebar maksimal, masalah transparansi PNG...
10. Kunjungi blog saya lebih sering dan coba buat angka bulat untuk keberuntungan. Jika saya menemukan barang bagus atau bug, saya akan melaporkannya kepada Anda sesegera mungkin~~~^_^