Bagaimana untuk Mencapai Keserasian Penggayaan CSS untuk Versi Internet Explorer Lama (7, 8, 9)?

Meningkatkan Penggayaan CSS untuk Internet Explorer 7, 8 dan 9

Dalam bidang pembangunan web, mencapai keserasian merentas pelbagai penyemak imbas adalah yang terpenting. Mengenai Internet Explorer (IE), penyemak imbas setua versi 7, 8 dan 9 memerlukan pertimbangan khusus untuk memastikan pemaparan optimum.

Satu cabaran biasa ialah mengubah suai gaya CSS secara eksklusif untuk penyemak imbas IE ini. Pertimbangkan blok CSS yang disediakan:

<code class="css">.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}</code>

Jika anda ingin menggunakan lebar: 100% sifat kepada IE 7, 8 dan 9 sahaja, penyelesaian yang mudah wujud. Menggunakan kod CSS berikut akan menyelesaikan tugas ini:

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}</code>

Penjelasan:

Kod ini menggunakan pertanyaan media khusus Microsoft. Sifat -ms-high-contrast, unik kepada IE, hanya akan ditafsirkan oleh IE 10 atau lebih baru. Dengan menyatakan kedua-dua nilai yang sah (aktif dan tiada) untuk sifat ini, Internet Explorer akan menggunakan gaya yang ditentukan tanpa mengira tetapan kontras tinggi pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Keserasian Penggayaan CSS untuk Versi Internet Explorer Lama (7, 8, 9)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!