个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我找到了一个制作下拉菜单的指南，它说当你停止在主菜单项上悬停时，下拉菜单会保持不变。但是，我的菜单就消失了，无法按元素!
如您所见，音乐菜单位具有下拉(或在本例中为“右下拉”)菜单。
在这里 fiddle : http://jsfiddle.net/Gb2aS/
代码在这里:
HTML:
<!DOCTYPE HTML>
<html>
<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<title>Home</title>
</head>
<body>
<div ID="menubox">
<ul>
<li><a href="http://folk.ntnu.no/arnstekl/" class="link">Home</a></li>
<li><a href="#" class="link">Music</a>
<ul>
<li><a href="https://soundcloud.com/arnsteinkleven/" class="link">My music</a></li>
<li><a href="http://folk.ntnu.no/arnstekl/gilberto.html" class="link">The Joao Gilberto project</a></li>
</ul></li>
<li><a href="https://www.github.com/arnstein" class="link">Github</a></li>
<li><a href="http://www.flickr.com/photos/92472314@N03/" class="link">Pictures</a></li>
</ul>
</div>
<div ID="circle">
<p ID="title"> A <br> r <br> n <br> s <br> t <br> e <br> i <br> n </p>
</div>
</body>
</HTML>
CSS:
#menubox
{
width: 8%;
height: 30%;
border: 10% solid #C7D93D;
border-radius: 5%;
position: fixed;
margin-top: 12%;
margin-left: 18%;
font-family: Ubuntu, Lucida console, Futura;
list-style: none;
float: left;
}
#menubox ul li a
{
text-align: left;
font-size: 200%;
color: #FFF0A5;
}
#menubox ul li
{
color: #468966;
font-family: Ubuntu, Lucida console, Futura;
float: left;
margin-right: 10px;
position: relative;
}
#menubox ul
{
color: #468966;
font-family: Ubuntu, Lucida console, Futura;
}
#menubox ul ul
{
position: absolute;
left: -9999px;
list-style: none;
}
#menubox ul ul li
{
float: left;
margin-left: 40%;
position: relative;
font-size: 60%;
text-align: left;
}
#menubox ul ul a
{
white-space: nowrap;
}
#menubox ul li:hover a
{
text-decoration: none;
color: #FFB03B;
}
#menubox ul li:hover ul
{
left: 0;
}
#menubox ul li:hover ul a
{
text-decoration: none;
color: #FFB03B;
}
#menubox ul li:hover ul li a:hover
{
color: #FFB03B;
}
div p
{
color: #FFF0A5;
text-align: center;
position: relative;
vertical-align: middle;
display: inline-block;
margin-top: 300px;
line-height: 60px;
}
#circle
{
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
background-color: #B64926;
width: 500px;
height: 500px;
display: block;
position: fixed;
margin-top: 9%;
margin-left: 52%;
text-align: center;
}
#title
{
text-color: #FFF0A5;
font-size: 350%;
display: inline;
text-align: center;
}
body
{
height: 100%;
width: 100%;
background-color: #468966;
font-family: Ubuntu, Lucida console, Futura;
}
.link
{
text-color: #FFF0A5;
text-decoration: none;
text-align: left;
}
最佳答案
问题是因为你的子列表是偏移的，所以有光标必须从主菜单项和子菜单穿过的死区。这将解决您的问题:
#menubox ul li:hover ul
{
left: 0;
top: 0;
z-index:100;
}
正如 Daniel Gimenez 在上面解释的那样，子菜单保持可见的原因是因为它是主 ul 元素的子项，因此如果您将光标停留在子菜单上，浏览器会将其视为将光标保持在原始菜单上菜单项，并且 :hover css 仍然存在。
它对于下拉菜单/弹出菜单非常有效，因为即使子对象在物理上显示在其父对象之外，从代码的 Angular 来看它仍然在父对象“内部”。但是，如果两者之间存在任何物理间隙并且鼠标越过该间隙，则 :hover 规则将被停用并且子菜单将消失。
关于html - 不将鼠标悬停在下拉式菜单上时，使下拉式菜单保持不变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17367924/
25
4
0
我有 2 个表 t1，其中存储价格和项目类型以及一个 ENUM 值和 t2，其中存储销售数量。我有一个计算总销售额(价格 * 数量)的查询，但我需要计算两个结果数字之间的差值。 两个数之差的计算公式应
我在使用 zsh 运行 Big Sur 11.2 的 Mac 上更改运行的 java 版本时遇到问题。我想将 Java 1.8 设置为默认设置，因此我使用以下命令设置 JAVA_HOME: $ uns
在下面的代码中，当我改变选择时，会有一个alert。我试图使该功能类似于当我单击 option 时它会显示 alert。 $(document).ready(function() { $("#x"
好吧，我正在制作一个简单的 react 游戏，我的代码如下。现在，当调用 startGame() 时，如果我注释掉 while 循环，一切都会发生，但是当我使用 thread.sleep(1000)
我目前正在尝试将 .plist 文件中的 CFBundleURLTypes 的值更改为新值，但似乎没有任何效果，并且如果我调用，旧值仍然存在 NSLog(@"%@", [[NSBundle mainB
我正在尝试使用 Jsoup 中的解析函数来解析 html 字符串。 我尝试阅读了很多相关的帖子以及API，但仍然没有找到答案。 String html = ""others"; Docume
我正在尝试为水平列表项关闭设置动画alpha 动画有效，layoutparam 值也随时间减少但出于某种原因，这并没有改变列表项的实际高度。 @Override protected void appl
双管道等于: MY_CONST ||= 42 运算符定义？ MY_CONST = 42 unless defined? MY_CONST 为什么第二种方式更为普遍？第一个有什么缺点吗？ 最佳答案 在一
我希望我的站点地址栏在访问子页面时不要更改其地址，它应该显示我的 index.html ，即使我进入 tosub 页面。 就像我打开 www.xyz.com我导航到它仍应显示的任何页面 www.xyz
我试图通过将购物车存储在数据库的表中来创建购物车，而不是使用内置的 CI 购物车类。我使用 sessionID 来识别一个访问者和另一个访问者。但是我发现sessionID在一段时间内一直在变化，连访
我面临一个奇怪的问题。一旦更改了.java文件-看来测试仍在使用该文件的早期版本(.class)。 从我的 Angular 来看，应该从.build文件夹中删除该类，并从新版本的.java文件重新编译
下面的R代码显示了一个关于向量组合的例子，之后，向量“c”的属性变成了字符。如何让它仍然保持属性为数字？ a='aa';b='bb';c=c(1,2,3,4,5) dd=data.table(cbin
我一直在使用 Kinect 和语音识别，我注意到我无法让 AudioLevel 成员从我的 SpeechRecognitionEngine 对象中更改。 我成功地让命令被识别，所以我知道 kinect
大家好，我已经实现了通知功能。我对通知 ID 有疑问。 这是我的代码: protected void ShowNotification(String title, String text){ Noti
所以我第一次正确设置了 UIView 图层的阴影(它显示得非常好)但是当我尝试更改颜色时(没有别的，只是 layer.shadowColor)它不会在 View 中更新。它仍然显示原始颜色。我已经尝试
使用 java 我想在一个程序中生成一些随机值，然后在每次执行第二个程序时在其他程序中使用这些值。 这样做的目的是生成一次随机值，然后在以后每次运行程序时保持并保持它们不变。有可能吗？谢谢 最佳答案
我有几个组件，所有组件都继承了 JCheckBox 而没有覆盖它的任何内容，存储在一个 vector 中，然后遍历该 vector 并将每个组件添加到一个对话框中 CreateLists(); //
我有一个 UITabBarController。现在我想在其上方添加一个 View ，并在用户切换到另一个选项卡时使 View 保持不变。我尝试创建一个 UIViewController，并将 UIT
我正在使用 curses 来打印一个非常漂亮的控制台 UI，我需要它依赖于终端大小。为此，我阅读了 here ，我可以使用 shutil.get_terminal_size .所以我正在做这段代码:
我有一个jsfiddle here . fiddle 中有许多标记文本框。在文本框中输入一个数字，然后继续单击“添加问题”按钮。您将看到剩余的总分等于 10，但它不会改变。剩余分数的数量应该通过减去附
我是一名优秀的程序员,十分优秀！