Rumah >hujung hadapan web >tutorial css >3 penyelesaian untuk menjalankan biasa tapak web HTML5+CSS3 dengan versi pertukaran IE_Experience yang lebih rendah

3 penyelesaian untuk menjalankan biasa tapak web HTML5+CSS3 dengan versi pertukaran IE_Experience yang lebih rendah

WBOY
WBOYasal
2016-05-16 12:03:442302semak imbas

Jika kita mengikut piawaian minimum semasa membangun, sebagai contoh, jika kita tidak menggunakan semua ciri yang tidak disokong oleh IE6, maka tidak perlu menulis artikel ini; tetapi saya rasa situasi ini sangat jarang berlaku, dan lebih banyak pembangunan dilakukan dalam penyemak imbas moden Gunakan ciri yang mereka sokong, dan lakukan beberapa pemprosesan turun taraf pada penyemak imbas awal Ini adalah apa yang dipanggil "peningkatan progresif", yang juga menjadi tumpuan artikel ini. Melalui kaedah berikut, saya berharap laman web ini secara ajaib dapat berjalan lebih baik pada versi pelayar IE yang lebih rendah!
htmlshiv.js
HTML5shiv Remy menggunakan JavaScript untuk mencipta elemen HTML5 (seperti utama, pengepala, pengaki, dll.). Elemen yang dibuat dengan JavaScript sedikit sebanyak boleh digayakan. Kita boleh menghabiskan banyak masa memikirkan cara ini berfungsi, tetapi siapa yang peduli?

Salin kod Kod adalah seperti berikut:
selectivizr. js
Selectivizr.js ialah sumber yang luar biasa untuk mengisi pemilih dan sifat CSS yang tidak disokong, termasuk anak terakhir yang penting. Dalam reka bentuk semula baru-baru ini, saya membenamkan selectivizr dan tidak terlepas sebarang butiran pada pelayar IE yang lebih lama. Berikut ialah kod pelaksanaan saya:
Salin kod Kod tersebut adalah seperti berikut:



"ms">

Kaedah di atas digunakan pada css untuk menulis beberapa perbezaan gaya bagi setiap versi IE. Mula-mula tentukan versi IE yang digunakan pengguna, dan kemudian tambahkan kelas versi itu pada label, yang boleh memudahkan penggodaman.

Kemudian kita boleh menulis seperti ini dalam fail css:

Salin kod Kod adalah seperti berikut:

.ie6 xxx {};
.ie7 xxx {};

Ini ialah kaedah paling cekap yang dipertimbangkan oleh editor pada masa ini. Kaedah ini tidak memerlukan atau menunggu JavaScript, dan tidak memerlukan perpustakaan kelas berat. Kelas gaya yang anda tentukan berkuat kuasa serta-merta, dan belum ada skrin percikan lagi.

Walaupun pelayar IE mengejar pesaingnya, versi baharu IE juga mempunyai perubahan yang sangat besar, dan kami berharap dapat menggunakan IE baharu untuk membentuk semula pengalaman rangkaian. Tetapi versi lama IE masih agak popular di negara ini. Berita baiknya ialah sumber ini berfungsi dengan baik pada semua penyemak imbas moden dan tidak memerlukan kos yang tinggi!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn