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

May 16, 2016 pm 12:03 PM
css3 html5 ie

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 Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

See all articles