Rumah > hujung hadapan web > tutorial css > Mengapa Elemen Blok Sebaris Saya Tidak Berfungsi dalam Internet Explorer 6 dan 7?

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

Mary-Kate Olsen
Lepaskan: 2024-12-21 08:11:13
asal
203 orang telah melayarinya

Why Aren't My Inline-Block Elements Working in Internet Explorer 6 and 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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan