html - 如何定位嵌套列表的 'hover'

Question

如果我在嵌套的 li 元素上设置 visibility:hidden，如何在悬停时将其重新设置？

例如。

#menu li ul li {
visibility: hidden;
}

我试过:

#menu li ul li:hover {
visibility: visible;
}

但它不起作用 - 很明显我的语法不正确!

干杯

Answer 1

visibility: hidden 隐藏元素并且不留下可悬停的表面，因此永远不会触发 hover 事件。

尝试 opacity: 0(甚至 opacity: 0.00001，现在不确定表面是否保持 0)以获得所需的影响。请注意，IE < 8 需要特殊处理 (filter: alpha(opacity=0))

其他浏览器也需要其他不透明度设置，查看@Nick Craver 的链接以获得完整列表。