Mengapa Elemen Blok Sebaris Saya Tidak Berfungsi dalam Internet Explorer 6 dan 7?

Menjadikan Elemen Blok Sebaris Berfungsi dalam Internet Explorer 6 dan 7

S: Saya menggunakan elemen blok sebaris dalam kod CSS saya , tetapi ia tidak berfungsi dengan betul dalam Internet Explorer 6 dan 7. Apa yang saya lakukan salah?

daftar {

warna:#FFF;
sempadan-bawah:pejal 1px #444;
transformasi teks: huruf besar;
text-align:center;
}

daftar #kiri {

paparan: inline-block
}

daftar #kanan {

background-image:url(images/signup.jpg);
sempadan-kiri: pepejal 1px #000;
sempadan-kanan: pepejal 1px #000;
paparan: blok sebaris;
pelapik:1% 2%
lebar:16%;
}

daftar #kanan a { ​​saiz fon:100%; font-weight:bold }

signup #right p { font-size:90%; font-weight:bold }

daftar a:hover { color:#FFF; text-decoration:underline }

J: Dalam Internet Explorer 6 dan 7, inline-block hanya berfungsi pada elemen sebaris semula jadi seperti span. Untuk menjadikannya berfungsi pada elemen lain seperti div, anda memerlukan yang berikut:

</p>
<h1>yourElement {</h1>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: inline-block;
*display: inline;
zoom: 1;

Salin selepas log masuk

}

• *paparan: sebaris ialah penggodaman CSS khusus untuk IE7 dan di bawah.
• zum: 1 memastikan elemen mempunyai reka letak, yang merupakan keperluan untuk blok sebaris untuk berfungsi.

Walaupun mungkin untuk melaksanakan penyelesaian ini dengan CSS yang sah, ini adalah tidak disyorkan, terutamanya jika anda sudah menggunakan sifat awalan vendor. Untuk mendapatkan maklumat lanjut tentang inline-block, rujuk sumber ini.

Atas ialah kandungan terperinci Mengapa Elemen Blok Sebaris Saya Tidak Berfungsi dalam Internet Explorer 6 dan 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!