Question

昨天我刚刚开发了magento网站，但我有如何修复横幅重叠的问题，因为这个DIV只是重叠菜单...我尝试分离并使用ie7样式表但没有发生.. :(

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

尝试悬停菜单 - ＆gt; STORE-＆GT;护身符类型 - ＆gt;伟大的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页面的底部，那么这是你最好的选择。

如何修复ie 7中的重叠？

1 个答案: