Html 如何瞄准';悬停';嵌套列表的类型
如果在嵌套li元素上设置可见性:隐藏,如何将其设置回悬停状态 例如 我试过:Html 如何瞄准';悬停';嵌套列表的类型,html,css,Html,Css,如果在嵌套li元素上设置可见性:隐藏,如何将其设置回悬停状态 例如 我试过: #menu li ul li:hover { visibility: visible; } 但是它不起作用-很明显我没有正确的语法 cheers可见性:hidden隐藏元素,不留下可悬停的表面,因此永远不会触发悬停事件 尝试opacity:0(甚至opacity:0.00001,现在不确定曲面是否保留0)以获得所需效果。请注意,IE
#menu li ul li:hover {
visibility: visible;
}
但是它不起作用-很明显我没有正确的语法
cheers
可见性:hidden
隐藏元素,不留下可悬停的表面,因此永远不会触发悬停
事件
尝试opacity:0
(甚至opacity:0.00001
,现在不确定曲面是否保留0
)以获得所需效果。请注意,IE<8需要特殊处理(过滤器:alpha(不透明度=0)
)
其他浏览器也需要其他
不透明度设置,请查看@Nick Craver的链接以获得完整列表。可见性:hidden
隐藏元素并且不留下可悬停的表面,因此将永远不会触发悬停
事件
尝试opacity:0
(甚至opacity:0.00001
,现在不确定曲面是否保留0
)以获得所需效果。请注意,IE<8需要特殊处理(过滤器:alpha(不透明度=0)
)
其他浏览器也需要其他不透明度设置,请查看@Nick Craver的链接以获得完整列表。为什么不在每个中添加一个子包装,如下所示(可以是p或div):
为什么不像这样在每个 中添加一个子包装器(可以是p或div):
+1-这是正确的,虽然你需要包括一些@Nick good point,但你当然是对的,不仅仅是IE不能始终处理不透明度问题。我添加了一个注释,说明这一点。这在ie6中不起作用,因为lis不允许悬停-这需要在中与JS一起应用ie6@matpol或者使用什么:hover:这对我来说似乎是一个不必要的攻击?我疯了吗/+1-这是正确的,虽然你需要包括一些@Nick good point,但你当然是对的,不仅仅是IE不能始终处理不透明度问题。我添加了一个注释,说明这一点。这在ie6中不起作用,因为lis不允许悬停-这需要在中与JS一起应用ie6@matpol或者使用什么:hover:这对我来说似乎是一个不必要的攻击?我疯了吗/+1在大多数情况下,这将是最好、最简单的方法。+1在大多数情况下,这将是最好、最简单的方法。
#menu li ul li:hover {
visibility: visible;
}
<li><p>dadada</p></li>
#menu ul li p {
visibility: hidden;
}
#menu ul li:hover p {
visibility: visible;
}