Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何瞄准';悬停';嵌套列表的类型_Html_Css - Fatal编程技术网

Html 如何瞄准';悬停';嵌套列表的类型

Html 如何瞄准';悬停';嵌套列表的类型,html,css,Html,Css,如果在嵌套li元素上设置可见性:隐藏,如何将其设置回悬停状态 例如 我试过: #menu li ul li:hover { visibility: visible; } 但是它不起作用-很明显我没有正确的语法 cheers可见性:hidden隐藏元素,不留下可悬停的表面,因此永远不会触发悬停事件 尝试opacity:0(甚至opacity:0.00001,现在不确定曲面是否保留0)以获得所需效果。请注意,IE

如果在嵌套li元素上设置可见性:隐藏,如何将其设置回悬停状态

例如

我试过:

#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;
    }