Ada banyak artikel bagus di luar negeri yang bisa Anda pelajari, jadi saya memutuskan untuk meluangkan waktu menerjemahkannya. Saya tidak tahu apakah ada yang menerjemahkan artikel ini. Nama aslinya adalah 10 Bug dan Perbaikan IE yang Mengerikan . Orang asing sangat lucu, jadi saya membaca keseluruhan teksnya. Para ahli mengambil jalan memutar
Berikut terjemahannya :
Saya telah membuat daftar 10 bug umum IE dan solusinya. Saya yakin ini akan membantu Anda mengurangi waktu yang Anda habiskan untuk men-debug ketidakkonsistenan tata letak di IE.
Pengarang: Kevin
Perkenalan
Setiap orang mempunyai cerita masing-masing ketika berurusan dengan IE. Sebagai seorang pengembang, saya harus menghadapi banyak keanehan IE dan terkadang Anda hanya ingin membenturkan kepala ke dinding. Namun seiring waktu, kami belajar banyak (terkadang itu bukan salah kami, itu salah IE!) dan mulai menerima dan memahami perilaku aneh IE. Kami harus melakukan ini karena jumlah pengguna IE6 masih signifikan. Hal terbaik yang harus dilakukan adalah terus menguji situs web Anda dari berbagai browser sejak awal. Jauh lebih mudah untuk menyelesaikan masalah tata letak dari awal daripada setelah ribuan baris kode html dan css.
Ada banyak gerakan yang memprotes IE6, didukung oleh mayoritas pakar web dan pengguna biasa yang tampaknya tidak terlalu peduli. Jadi, apa yang bisa kita lakukan sekarang? Kami harus terus menggali untuk menyelesaikan masalah dengan IE6. Tapi tunggu, ada berita menarik. Berdasarkan laporan bulanan w3cschool, jumlah pengguna IE6 mengalami penurunan selama bertahun-tahun. Dari 60,3% pada bulan Juni 2006 menjadi 13,6% pada bulan September 2009. Menurut rasio ini, kita seharusnya sudah bisa meninggalkan IE6 pada akhir tahun 2010 (Anotasi: Situasi di luar negeri sangat bagus~.~)
Oke, kembali ke kenyataan, saya sudah membuat daftar semua masalah yang pernah saya temui sebelumnya untuk referensi di masa mendatang. Saya yakin ini akan membantu Anda mengurangi waktu yang Anda habiskan untuk men-debug ketidakkonsistenan tata letak di IE.
1. Teks hantu IE6 (bug Teks Hantu)
Sebelum saya menulis artikel ini, saya menemukan bug ini. Ini cukup aneh dan lucu. Sepotong teks duplikat yang datang entah dari mana ditampilkan dekat dengan teks asli oleh IE6. (Anotasi: Anda juga dapat merujuk ke Bug Karakter Duplikat Explorer 6 untuk demonstrasi bug). Saya tidak dapat memperbaikinya, jadi saya mencarinya, dan benar saja, itu adalah bug IE6 lainnya.
Ada banyak solusi untuk ini, tetapi tidak ada satupun yang berhasil untuk contoh saya (saya tidak dapat menggunakan beberapa di antaranya karena kerumitan situsnya). Jadi saya menggunakan peretasan. Menambahkan spasi setelah teks asli sepertinya menyelesaikan masalah.
Namun, saya mengetahui dari Hippy Tech Blog bahwa alasan di balik masalah ini adalah karena tag komentar html. IE6 tidak dapat merendernya dengan benar. Berikut daftar solusi yang disarankannya:
Solusi :
2. Posisi Relatif dan Overflow Tersembunyi
Saya mengalami masalah ini berkali-kali ketika saya sedang mempersiapkan tutorial tentang JQuery karena saya menggunakan banyak overflow yang disembunyikan untuk mencapai tata letak yang saya inginkan.
Masalah terjadi ketika luapan elemen induk disetel ke tersembunyi dan elemen turunan disetel ke posisi: relatif.
CSS-Trick memiliki contoh bagus yang menunjukkan bug ini. posisi: relatif dan meluap di internet explorer
Solusi :
Tambahkan position:relative; ke elemen induk;
3. Tinggi Minimum untuk IE
Sederhana saja, IE mengabaikan atribut min-height. Anda dapat menggunakan peretasan di bawah ini untuk memperbaikinya. Terima kasih kepada Dustin Diaz .
Solusi ini bekerja dengan baik di IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2.
Solusi :
pemilih {
tinggi minimum:500px;
tinggi:otomatis !penting;
tinggi:500 piksel;
}