Question

我有一个可扩展的css菜单，在ie中表现得有些奇怪，但在firefox中运行正常。任何可以帮助我的人都表示赞赏。

这是问题所在。当我点击它时，它会扩展到sub li fine，但是，如果我将鼠标直接放在我刚刚点击的li上，则子li中的文本不会显示。看到这张图片......注意鼠标所在的位置，注意子li旁边没有文字。锚标记用虚线表示。

alt text

如果我将鼠标向右移动（或者在文本“洛杉矶”之外的任何地方），则子项显示。

注意鼠标现在和li显示在这张图片中：

alt text

继承人css和html：

<HTML lang="en_US" sizcache="7062" sizset="0">
<HEAD>
    <STYLE>

ul.left_menu{
    position:relative;
    float:left;
    width:100%;
}
ul.left_menu li>a:hover{
    cursor: pointer;
}
ul.left_menu li {
    list-style-type:none;
    position:relative;
    padding-top: 5px;
    clear:both;
}



ul#nav{
    text-indent:15px;
}
#nav li > ul{ 
    display:none; 
    padding-left:15px;
    text-indent:15px;
}
#nav li {
    line-height:11px;
}
#nav > li{
    clear: both;
    padding-left:15px;
    line-height:11px;
}

A {

    TEXT-ALIGN: left;

    TEXT-DECORATION: none;

    outline: none

}

</STYLE>

</HEAD>
<BODY>
<UL id="nav" class="left_menu">
    <LI>
        <A >Los Angeles</A>
        <UL>
            <LI>
                <A>Commercial Properties</A>
                <UL>
                     <LI>
                          <A>Office</A>
                     </LI>
                     <LI>
                          <A>Industrial</A>
                     </LI>
                     <LI>
                          <A>Retail</A>
                     </LI>
                </UL>
           </LI>
        </ul>
    </li>
</ul>
</body>
</html>

感谢您的帮助。

Answer 1

这被称为Peek-a-boo bug。以下是对错误和修复的解释：

http://www.positioniseverything.net/explorer/peekaboo.html

css可扩展菜单在firefox中正常工作，但不是说... sub li没有正常显示

1 个答案: