Rumah >hujung hadapan web >tutorial css >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?
warna:#FFF;
sempadan-bawah:pejal 1px #444;
transformasi teks: huruf besar;
text-align:center;
}
paparan: inline-block
}
background-image:url(images/signup.jpg);
sempadan-kiri: pepejal 1px #000;
sempadan-kanan: pepejal 1px #000;
paparan: blok sebaris;
pelapik:1% 2%
lebar:16%;
}
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> <pre class="brush:php;toolbar:false">display: inline-block; *display: inline; zoom: 1;
}
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!