html – 当悬停显示为阻止时,Css ul显示为none

html – 当悬停显示为阻止时,Css ul显示为none,第1张

概述我正在开发一个下拉框但是唯一想要工作的是当我将鼠标悬停在无序列表中的单词Info上时,不会显示下拉框. 我知道我有显示:没有;在ul风格,但你可以改变它显示:块;什么时候盘旋在单词信息? HTML代码: <ul id="Menu"> <li><a href="Index.html">Home </a></li> <li><a href="Info.html">Info </a> 我正在开发一个下拉框但是唯一想要工作的是当我将鼠标悬停在无序列表中的单词Info上时,不会显示下拉框.

我知道我有显示:没有;在ul风格,但你可以改变它显示:块;什么时候盘旋在单词信息?

HTML代码:

<ul ID="Menu">     <li><a href="Index.HTML">Home </a></li>     <li><a href="Info.HTML">Info </a>          <ul >             <li><a href="Index.HTML">Program</a></li>             <li><a href="Index.HTML">Getting Started</a><li>             <li><a href="Index.HTML">Credits</a></li>         </ul>     </li>     <li><a href="Community.HTML">VIDeo </a></li>     <li><a href="Store.HTML">server </a></li>     <li><a href="Profile.HTML">Profile </a></li>     <li><a href="Help">Help</a></li></ul>

CSS代码:

#Menu {List-style:none;Font-size:16px;Font-weight:Bold;padding:14px 0 0;wIDth:415px;margin-top:0;float:left;margin-left:0;}#menu { List-style:none;}li:hover > ul {display:List-item;}li ul { margin:0; padding:0; position:absolute;z-index:5;padding-top:6px;}li { float:left; margin-left:10px; }li ul li { float:none; margin:0; display:inline;}li ul li a {display:block; padding:6px 10px; background:#333; white-space:nowrap;}li { display: List-item; text-align: -webkit-match-parent;}ul { border:0; Font-size:100%; Font:inherit;vertical-align:baseline;}

先进的帮助.任何帮助是apreciated 总结

以上是内存溢出为你收集整理的html – 当悬停显示为阻止时,Css ul显示为none全部内容,希望文章能够帮你解决html – 当悬停显示为阻止时,Css ul显示为none所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1074344.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存