Bagaimana untuk menetapkan css untuk ie8-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menetapkan css untuk ie8

PHPz

Lepaskan： 2023-04-23 17:15:26

asal

689 orang telah melayarinya

Dengan pembangunan Internet, teknologi hadapan seperti HTML, CSS dan JavaScript telah menjadi salah satu teknologi teras untuk pembangunan tapak web moden. Walau bagaimanapun, pada zaman awal Internet, isu keserasian pelayar web merupakan masalah utama bagi pembangun bahagian hadapan. Antaranya, yang paling tipikal ialah isu keserasian pelayar IE. Masalah keserasian pelayar IE amat serius, dan IE8, sebagai pelayar lama, juga memerlukan perhatian khusus dari segi keserasian. Artikel ini terutamanya akan memperkenalkan cara menetapkan CSS untuk mendapatkan keserasian terbaik pada pelayar IE8.

1 Fahami isu keserasian CSS IE8

Isu keserasian penyemak imbas IE8 terutamanya ditunjukkan dalam gaya CSS. CSS ialah bahasa helaian gaya bertingkat yang menyediakan gaya, reka letak dan reka bentuk untuk halaman web. Walau bagaimanapun, pada IE8, CSS tidak memaparkan gaya yang betul seperti yang dilakukan pada pelayar moden yang lain. Masalah ini adalah terutamanya kerana pelayar IE8 tidak menyokong spesifikasi CSS3 terkini, dan sokongannya untuk CSS2 juga tidak lengkap. Oleh itu, semasa menulis helaian gaya CSS, anda perlu memberi perhatian khusus kepada butiran berikut:

Jangan gunakan sifat CSS3, seperti sempadan bulat, dsb.
Elakkan menggunakan kedudukan: tetap, kerana dalam IE8 isu Keserasian akan berlaku pada pelayar;
Elakkan menggunakan peralihan dan animasi;
Elakkan menggunakan warna RGBA.

2. Tetapkan mod dokumen pelayar IE8

Dengan menetapkan mod dokumen pelayar IE8, keserasian CSS pelayar IE8 boleh dipertingkatkan. Pelayar IE8 menyokong 4 mod dokumen, iaitu mod standard, mod campuran, mod keserasian IE7 dan mod keserasian IE5. Secara lalai, IE8 akan menggunakan mod dokumen standard, tetapi jika pengisytiharan jenis dokumen dalam dokumen HTML tidak standard, penyemak imbas secara automatik akan bertukar kepada mod keserasian IE7. Untuk memastikan keserasian IE8, kami perlu memastikan penyemak imbas dalam mod standard.

Untuk menetapkan mod standard penyemak imbas IE8, anda perlu menambah kod berikut pada dokumen HTML:

<!DOCTYPE html>
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Salin selepas log masuk

Di atas ialah pengisytiharan jenis dokumen HTML5 standard dan ulasan bersyarat . Komen bersyarat ini boleh mensimulasikan pelayar IE8 ke dalam pelayar IE8 standard, dengan itu menyelesaikan isu keserasian CSS. Selain itu, memperkenalkan fail html5.js atau fail modernizr.js ke dalam dokumen juga boleh menyelesaikan masalah sokongan pelayar IE8 untuk elemen HTML5, yang sangat penting untuk membangunkan tapak web responsif.

3. Gunakan CSS Hack

Css Hack merujuk kepada teknologi yang menggunakan kaedah penghuraian berbeza bagi pelayar yang berbeza dalam CSS untuk mencapai keserasian penyemak imbas. Kelebihan CSS Hack ialah ia sangat mudah dan mudah digunakan, tetapi kelemahannya ialah ia bukan amalan standard, dan ia boleh disalahgunakan dengan mudah, yang dalam beberapa kes boleh menyebabkan masalah prestasi dan isu keserasian.

Berikut ialah beberapa Hacks CSS yang sesuai untuk pelayar IE8:

_IE8: Hanya berkesan untuk versi IE8 dan ke bawah.

.class{ color:#000; /* 其他浏览器 */ _color:#f00; /* IE8 */ }

Salin selepas log masuk

*: Berkesan untuk IE7 dan ke bawah.

.class{ color:#000; /* 其他浏览器 */ *color:#f00; /* IE7 */ }

Salin selepas log masuk

+: Hanya berkesan untuk elemen tahap yang sama dalam IE7 dan ke bawah.

.class{ color:#000; /* 其他浏览器 */ +color:#f00; /* IE7 */ }

Salin selepas log masuk

4. Menggunakan Rangka Kerja CSS

Rangka Kerja CSS ialah perpustakaan yang menyediakan pembangun dengan komponen dan templat gaya CSS. Tujuan utama mereka adalah untuk memudahkan kerja pembangunan bahagian hadapan, menyediakan templat reka bentuk standard dan meningkatkan keserasian penyemak imbas.

Sesetengah rangka kerja css biasa termasuk Bootstrap, Foundation, Bulma, UI Semantik, dll. Kesemuanya menyediakan satu siri gaya CSS yang boleh membantu kami menyelesaikan isu keserasian penyemak imbas. Pada masa yang sama, mereka juga mempunyai ciri reka bentuk responsif dan boleh bertindak balas terhadap peranti mudah alih.

5. Gunakan Modernizr

Modernizr ialah perpustakaan JavaScript yang boleh mengesan sokongan CSS3 dan HTML5 penyemak imbas. Pelayar IE8 mempunyai sokongan yang sangat terhad untuk CSS3 dan HTML5, jadi menggunakan Modernizr boleh menjadikan kod CSS kami lebih mudah disesuaikan.

Dengan Modernizr, kami boleh mengesan sama ada ciri CSS3 atau HTML5 tertentu tersedia, dan jika ada, gunakan kesan CSS3 atau HTML5 yang sepadan. Jika itu tidak berjaya, anda boleh menggunakan kod CSS dan JavaScript sedia ada.

Akhir sekali, walaupun pelayar IE8 ialah penyemak imbas yang lebih lama, ia masih mempunyai kepentingannya dalam beberapa senario tertentu. Dalam proses pembangunan sebenar, kita harus mencuba yang terbaik untuk memastikan keserasian tapak web pada pelayar IE8. Melalui pengenalan artikel ini, kita boleh belajar cara menyediakan CSS dengan betul untuk mendapatkan keserasian terbaik pada pelayar IE8.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan css untuk ie8. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!