對齊divs的css問題

Question

我正在使用這個philippedecor.com網站，我很難解決這個CSS問題。 當我把鼠標移到右側出現的「主要類別」上時，它會顯示一個包含鏈接的下拉菜單。 發生了兩件事， 1）在IE（7）中 - 下拉隱藏在另一個div的後面，在ie和ff中，它將其他div放到下面，然後在鼠標外面，看起來很好。

我不確定哪個CSS屬性可以解決這個問題。

請幫我

Answer 1

接下來的時間，請您點擊網址：http://philippedecor.com/

在Firefox中，我也看到通過菜單，as you can see顯示背景的一點點。將鼠標懸停在這個東西上會觸發一個鼠標事件，關閉菜單。在IE 7中，我看不到下推效果，只能隱藏Flash面板下的菜單以及其下的所有內容。

要防止菜單壓低頁面上的其他元素，您應該在#downmenu上使用position: absolute，並且可能將其合併到包含「主類別」的div中，以將其放置在正確的位置。使用合適的z-index可能會阻止下拉菜單在IE中的另一個div下彈出（未經測試，因爲我現在在輸入此消息的大學沒有用於IE的調試工具）。此外，我認爲你不應該使用兩個包含完全相同內容的菜單，這可能會讓你的網站訪問者感到困惑（實際上，我沒有很好地閱讀你的文章，並且對左邊的實例沒有深入瞭解）。此外，您不應該在沒有提供替代文本的情況下將圖片放入圖片中，屏幕閱讀器等無法以這種方式「查看」（最好使用合適的image replacement technique）。並且li中的所有 完全是不必要的，並且不符合語義HTML的規則;只需使用padding就可以了。順便說一句，您應該使「主要類別」的圓形光標透明（現在顯示兩個小白色邊角）。只要我的$ 0.02 ...