如何修復ie 7中的重疊？

Question

昨天我剛剛開發的Magento的網站，但我有如何解決橫幅重疊，因爲這個div只是重疊菜單...我嘗試單獨和使用IE7樣式表，但沒有發生問題.. :(

http://thaiamuletstore.com/main1/index.php/

嘗試懸停菜單 - > STORE->護身符類型 - >大Jatukham

ie7.css 


@charset "utf-8"; 
/* CSS Document */ 


#example-one .nav { overflow: hidden; margin: 0 0 0 0; background:url(../images/tab-border.gif) repeat-x 80px; height:87px; } 

.block-subscribe { padding-left: 15px!important; padding-right:15px; margin-top:20px;} 



.nav-container { float:left; } 

.mw_footer { clear:both!important; } 

.account-login .col2-set .registered-users { width:435px; } 

.account-login .col2-set .new-users { width:430px; } 

.account-create .buttons-set { width:550px; } 

.block-subscribe { padding-left:5px!important ; height:127px; padding-bottom:0px!important } 

.block-content .newsbut { height:21px!important; } 

ul li ul li ul li a.level1 { zoom:1; }  <-- i try control with this 

Answer 1

有幾個選項

最簡單的，如果可能的話，就是把你的菜單。頁面底部，然後通過絕對定位將其向上移動。這是因爲IE在z-index上吸引人，而最簡單的方法就是將html代碼生成爲最後一項（將其放在所有其他html之上）。

然而，這將不會與Flash，silverlight或java-applets一起工作，它仍然會潛入頂端。

或者，您可以（但我更喜歡第一個選項）在您的菜單下面放置一個IFRAME，填寫您希望覆蓋的區域。這「修復」了大多數IE關於位置元素的怪異想法。但就像我說的，如果你可以將你的菜單移動到html頁面的底部，那麼這是你最好的選擇。