Perbedaan CSS di Internet Explorer 6, 7 dan 8(4)

Penulis：Eve Cole Waktu Pembaruan：2010-03-12 17:08:26

M.
Contoh

segmentasi halaman dalam kotak

#kotak {
pembobolan halaman-dalam: hindari;
}

Deskripsi

Properti ini mengatur apakah paging terjadi dalam elemen tertentu.

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

N.

Contoh
properti garis besar

#kotak {
garis besar: solid 1px merah;
}

Deskripsi

outline adalah singkatan dari outline-style, outline-width, dan outline-color. Atribut ini lebih baik dibandingkan atribut border karena tidak mempengaruhi alur dokumen, sehingga lebih berguna untuk debugging masalah tata letak.

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

O.

Contoh
nilai alternatif untuk atribut display

#kotak {
tampilan: blok sebaris;
}

Deskripsi

Atribut tampilan biasanya diatur ke blok, sebaris, atau tidak sama sekali. Nilai alternatifnya antara lain:

blok sebaris
tabel sebaris
item daftar
run-in
meja
keterangan tabel
sel tabel
kolom tabel
grup tabel-kolom
grup tabel-footer
grup-tajuk-tabel
baris tabel
grup baris tabel

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

Menangani
contoh

ruang putih yang dapat dilipat

P {
spasi putih: pra-garis;
}

div {
spasi putih: pra-bungkus;
}

Pengaturan

nilai pra-baris dari atribut spasi putih menciutkan beberapa elemen spasi menjadi satu spasi sambil mengizinkan jeda baris yang eksplisit. Nilai pre-wrap dari atribut white-space tidak menciutkan beberapa spasi menjadi satu, namun memungkinkan jeda baris diatur secara eksplisit.

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

4. Berbagai teknologi lainnya
A.
Contoh
tipe media
@import

@import url("styles.css") layar;

Deskripsi:

Seperti contoh di atas, tipe media dari file style sheet yang diimpor dideklarasikan setelah alamat file. Dalam contoh ini, jenis medianya adalah "layar".

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

Bug Meskipun

IE6 dan IE7 mendukung @import, keduanya tidak berpengaruh ketika jenis media ditentukan, bahkan menyebabkan aturan @import normal menjadi tidak valid.

B.Contoh

kenaikan hitungan

jam2 {
peningkatan tandingan: header;
}
h2:sebelum {
isi: counter(header) ". ";
}

Deskripsi

Teknik CSS ini memungkinkan Anda untuk secara otomatis menambah angka yang muncul sebelum elemen tertentu, digunakan bersama dengan elemen semu sebelumnya.

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

C.

Contoh
karakter referensi untuk konten yang dihasilkan

Q {
kutipan: "'" "'";
}

q:sebelum {
isi: kutipan terbuka;
}

q:setelah {
isi: kutipan dekat;
}

Deskripsi

menentukan tanda panggil kutipan yang digunakan untuk menghasilkan konten, untuk digunakan dengan tag q.

Status dukungan

IE6 Tidak

IE7Tidak

IE8 Ya

5. Bug penting dan masalah ketidakcocokan

Berikut ini banyak bug di IE6 dan IE7 yang tidak disebutkan di atas. Tentu saja daftar ini tidak menyertakan entri yang tidak didukung di ketiga browser tersebut.

Bug IE6

A. Tidak mendukung penataan elemen

B. Tidak mendukung nama kelas dan ID yang dimulai dengan tanda hubung dan garis bawah

C. Elemen