Indeks-z IE7/IE8 tidak bekerja sama. Saran?

EDIT: Solusi ditemukan. Blok merah muda memiliki overflow:visible !important, yang di Internet Explorer membatalkan indeks-z. Setelah dihapus, logonya muncul di atas.

Lihat: http://bit.ly/i7ER3e

Lihat logo "**" (di samping menu atas) dengan Firefox/Chrome, logo ini muncul dengan benar di atas blok konten kiri (blok dengan latar belakang merah muda).

Di IE7/IE8 logonya tersembunyi di balik blok merah muda.

Saya sudah mengotak-atik ini selama 2 jam sekarang. Mencoba banyak hal. Tidak dapat menampilkannya dengan benar di IE7/IE8.

Ada saran?

(Catatan: Saya bekerja dalam kerangka kerja yang sangat ketat sehingga saya tidak bisa begitu saja menampilkan logo sebelum menu. Saya harus menggunakan position:absolute untuk menempatkannya.)


css xhtml internet-explorer-8 internet-explorer-7
person codemonkey613    schedule 18.01.2011    source sumber
comment
entah bagaimana sel ini melemah..garis-tinggi tubuh..   -  person kobe    schedule 18.01.2011

Jawaban (3)


arrow_upward
0
arrow_downward

Masalahnya bukan pada indeks-z dalam kasus Anda

tubuh Anda memiliki ketinggian garis yang tidak mencukupi...

line-height:180%

ubah ini menjadi 200 atau lebih itu berhasil, tapi tetap saja itu bukan pendekatan yang baik

tapi baru saja menemukan masalahnya....

person kobe    schedule 18.01.2011
comment
Terima kasih telah membalas. Tapi ini tidak membantu. - person codemonkey613; 18.01.2011

arrow_upward
0
arrow_downward

Coba gunakan:

z-index: -1;

untuk elemen yang seharusnya berada di bawah logo.

person RDL    schedule 18.01.2011

arrow_upward
0
arrow_downward

coba atur position:relative; serta indeks-z.

Gaya posisi default adalah position:static;, dan IE memiliki bug di sekitar penanganan indeks-z bila dikombinasikan dengan pemosisian statis; pengaturan position:relative dapat menyelesaikan beberapa di antaranya, tanpa terlalu memengaruhi hal lainnya.

Lihat halaman ini untuk info lebih lanjut. (tautannya untuk CSS3Pie, yang merupakan peretasan IE untuk membantunya mendukung beberapa fitur CSS3 seperti border-radius, tetapi info tentang bug indeks-z bersifat umum dan kemungkinan besar mencakup masalah Anda juga)

person Spudley    schedule 18.01.2011