IE 6悬停导航问题

我在导航中使用主导航中的子导航...唯一的问题是，在IE6中，子菜单将其他菜单项推到一边，导致布局断开并搞乱了解网站的用户视图。IE 6悬停导航问题

进出口使用计算的HTML：

<li class="ulHover"> 
    <a></a> 
    <div class="subMenuTop"></div> 
    <ul class="subMenu"> 
     <li></li> 
     <li></li> 
    </ul> 
</li>

而CSS：

li .ulHover 
{ 
    width: 113px; 
    height: 71px; 
    background: transparent url(../images/MenuItemBgHover.png) no-repeat top right; 
    text-align: right; 
    float:left; 
    vertical-align: bottom; 
} 
.subMenu 
{ 
    background: #B02229; 
    padding: 0px 5px 5px 5px; 
    text-align:left; 
    width: 215px; 
    list-style: none; 
    margin-left: 1px; 
    position:absolute; 
    display:none; 
    z-index: 10000; 
} 

.subMenuTop 
{ 
    width: 225px; 
    height: 10px; 
    background: transparent url("../images/SubMenuTop.png") no-repeat top left; 
    margin-left: 1px; 
    margin-top: -3px; 
    display:none; 
    z-index: 10000; 
}

编辑：好吧，我加了绝对定位到div ......它停止顶层列表项目被推走......但子菜单的偏移是关闭的......只有在IE6中，在其他浏览器中，它确实工作...

来源

2009-11-09 Rickjaah

您能否提供导航菜单的完整HTML示例？ – BitDrink 2009-11-09 11:04:30

我在猜测这是一个水平菜单。那是对的吗？你有没有试图将div的位置设置为“绝对”而不是ul？以下是一个可能对您有帮助的例子：http://www.armbruster-baeckerei.de/philosophie.php

来源

2009-11-09 10:11:30

这当然适用于推动其他顶层li离开。现在又出现了另一个问题。在IE6中，偏移量是关闭的，但在其他浏览器中则没有。 – Rickjaah 2009-11-09 10:18:08

您可以更具体些吗？哪个抵消？水平偏移？垂直偏移？我们可以在什么地方看吗？ – 2009-11-09 13:35:10

submenuTop div未在您的代码中关闭。这可能是解决问题的第一步。

来源

2009-11-09 10:04:51

对不起，它在我的代码中关闭......只是没有在示例代码 – Rickjaah 2009-11-09 10:13:43

IE 6悬停导航问题

回答

相关问题