gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 19:05:06 25 4
gpt4 key购买 nike

我有一个可扩展的 css 菜单,它在 ie 中有点奇怪,但在 firefox 中工作正常。任何能帮助我的人都将不胜感激。

问题来了。当我单击 li 时,它会扩展到子 li,但是,如果我将鼠标直接放在我刚刚单击的 li 上,子 li 中的文本不会显示。看到这张图片...注意鼠标所在的位置,并注意子 li 旁边没有文字。 anchor 标记由虚线表示。

alt text

如果我将鼠标移到右侧(或文本“Los Angeles”以外的任何位置),子 li 就会出现。

现在请注意鼠标和 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>

感谢您的帮助。

最佳答案

这称为 Peek-a-boo 错误。这是错误的解释和修复:

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

关于css 可扩展菜单在 firefox 中工作正常,但不是 ie...sub li 没有正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3836227/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com