IE7でギャラリーの下に表示されるメニューを展開する

Question

私は作業中のカラフルなメニュー（ "Destaques"、 "Roupas"、 "Sapatos"、 "Fale Conosco"）を持っていますが、IE7はギャラリーの後ろにあり、私がZ-Indexを使って解決しようとしたが、何も動作していないようだが、誰かがヒントを持っているのだろうか？ IE7は私が話して何を実現使用して、メニューの上にマウスを置くと

page link

。

Answer 1

ここにはたくさんのことがありますが、私はそれに亀裂を入れようとします。

まず、HTMLを検証して検証するようにしてください。問題につながる無効なHTMLがたくさんあります。

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.montepage.com.br%2Finfantile%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

第二に、私はIE7がzインデックスを持つ面白い何かを信じています。それはそれが親に基づいてZインデックスをリセットするように並べ替えます。私は過去にこの問題に遭遇したことを知っています。基本的には、このような2つの親要素場合：「親1」は「parent2」より低いのzインデックスがある場合

<div id="parent1">...</div> 
<div id="parent2">...</div> 

は、「親1」のすべての子供たちは関係なく、彼らのz方向の、「parent2」よりも低くなりますインデックス値。あなたがしようとすることができることは、 "親1"が高いzインデックスを持っていることを確認することです。あなたのコードを見てから

は、親要素があるように思える：

<div class="colorido"> <!-- the menu container --> 
... 
<div id="corpo"> <!-- the image promotional container that rotates --> 
... 

「コーポレート」よりも高いZインデックスに「colorido」を設定動作するかどうかを参照してください。それが機能するように、それらを「相対位置」に設定する必要があります。

HTMLとCSSを読むのは難しいですが、ここにはたくさんのことがあります。だから間違った容器を持っているかもしれないが、うまくいけばアイデアがあなたを助けてくれます。

いくつかの答えだけでなく、他のいくつかのトリックにリードを助けるかもしれないこのページでは、試してみる：助け http://aplus.rs/css/ie7-bug-will-not-render-z-index-change-on-lihover/

希望を！