Penyelesaian serasi penyemak imbas CSS_CSS/HTML

1. Latar belakang halaman web adalah separa lutsinar
Latar belakang halaman web adalah separa lutsinar

Salin kod Kod adalah seperti berikut :

opacity:0.8;
filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; Kaedah CSS dalam IE6 untuk menyelesaikan masalah lutsinar imej PNG:
#DIVname {
lebar: 300px;
tinggi: 99px;
latar belakang: url('images/top.png') no- ulang atas;
*latar belakang: tiada;
*filter:progid :DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='template/flower/images/top.png' );
}

2. Jelas terapung

Salin kod Kod adalah seperti berikut:

.clearfix:after{ content:"."; display:block; clear:both; :inline-block}
.clear{height:0; font-size:0; 1%;}
.clearfix{display:block;}

3 Jidar berganda IE6 terapung
1 🎜>2. Pepijat jarak 3px di bawah IE6: Dalam IE6, apabila teks (atau tiada unsur terapung ) selepas elemen terapung, akan ada jurang tambahan 3px antara teks dan elemen terapung jurang ke lapisan terapung untuk menyelesaikan pepijat ini.
Pepijat jarak 3 pikselKetinggian min-minimum ketinggian dalam div+css
Kaedah 1:

Salin kod Kodnya adalah seperti berikut: #DIVname {

min-height:150px;

*height:auto!important;
_height:150px;
limpahan: kelihatan;
}


Kaedah 2:

Salin kod Kod adalah seperti berikut : #DIVname {

min-height:1000px;

_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px" :"");
}

5. Pepijat indeks-Z di bawah IE

Secara umumnya, IE mempunyai keperluan yang lebih tinggi untuk induk Jika induk mempunyai atribut kedudukan tetapi tidak memberikan atribut indeks-z, maka The lalai ialah 0, jadi tidak kira seberapa tinggi atribut indeks-z dalam subset, ia tidak berguna. Jadi secara amnya, anda perlu memberikan induk yang mengandungi atribut z-index atribut z-index:1, yang boleh menyelesaikan banyak masalah yang tidak dapat dijelaskan.
6. Pepijat mengubah saiz tetingkap IE6

Apabila badan diletakkan di tengah dan saiz penyemak imbas IE ditukar, mana-mana elemen yang agak kedudukannya dalam badan akan dibetulkan adalah untuk menentukan kedudukan:relatif untuk badan.
7 Saiz teks dan ketinggian baris tidak serasi
Untuk fon yang sama dengan saiz yang sama, ketinggian dan saiz garisan berbeza dalam setiap penyemak imbas, jadi ketinggian garisan perlu ditetapkan .
8. Cermin pepijat margin
Di bawah IE6, apabila terdapat elemen apungan dalam elemen luar, jika elemen luar mentakrifkan margin-atas:5px, margin-bawah:5px akan menjadi secara automatik dihasilkan , masalah yang sama juga akan berlaku dengan padding Penyelesaiannya adalah untuk menetapkan sempadan atau terapung pada elemen luar.
9. Ruang putih di bawah img
Dalam html terdapat:

, anda akan mendapati bahagian bawah imej tidak dekat dengan bahagian bawah bekas, yang disebabkan oleh aksara kosong selepas img Untuk menghapuskannya, anda mesti menulis seperti ini:

Dua teg berikut hendaklah bersebelahan antara satu sama lain. Pepijat ini masih wujud di bawah IE7, penyelesaiannya ialah: display:block.

10 Gambar dan teks seiring

Semua orang tahu bahawa penjajaran img termasuk teks atas, tengah, absmiddle dan sebagainya. Anda boleh cuba melaraskan img dan teks untuk dibuat mereka selaras di bawah IE dan FF Jika anda boleh konsisten, anda akan mendapati bahawa tidak kira bagaimana anda menyesuaikannya, anda tidak akan berpuas hati. Hanya biarkan img dan teks terapung dan laraskannya dengan jidar. Ketinggian garisan hilang.

Teks

Malangnya, kesan ketinggian baris bagi satu baris teks hilang dalam IE6. . . , sebabnya ialah elemen blok sebaris dan elemen sebaris ditulis bersama. Penyelesaian: Jadikan img dan teks terapung.