关于css二级菜单显示， 看了一个例子， 鼠标放在一级菜单时候， 二级菜单就显示出来了
关于css二级菜单显示，看了一个例子，鼠标放在一级菜单时候，二级菜单就显示出来了，但是css里面不是用的hover或者js的onmouseover，只是简单的div，不同...
关于css二级菜单显示， 看了一个例子， 鼠标放在一级菜单时候， 二级菜单就显示出来了，但是css里面不是用的hover 或者 js 的 onmouseover， 只是简单的div， 不同的是css里面有一个visibility:hidden; opacity:0; 用了这个语句就实现了上述功能， 谁能解释一下，还是我没看懂？
展开
4个回答
展开全部
写了以下代码希望能理解
<html>
<head>
<title>【hover是鼠标放在a标签上触发事件的css伪类】</title>
<style type="text/css">
/*二级菜单默认隐藏*/
span{visibility:hidden}
/*鼠标触发A标签实现A标签能影响到下面的所有标签【鼠标放到A标签上SPAN标签显示】*/
a:hover span{visibility:visible}
</style>
</head>
<body>
<a>
我是一级菜单
<!--二级菜单默认隐藏-->
<span>我是二级菜单</span>
</a>
</body>
</html>
<html>
<head>
<title>【hover是鼠标放在a标签上触发事件的css伪类】</title>
<style type="text/css">
/*二级菜单默认隐藏*/
span{visibility:hidden}
/*鼠标触发A标签实现A标签能影响到下面的所有标签【鼠标放到A标签上SPAN标签显示】*/
a:hover span{visibility:visible}
</style>
</head>
<body>
<a>
我是一级菜单
<!--二级菜单默认隐藏-->
<span>我是二级菜单</span>
</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
visibility:hidden; 表示隐藏这个块
opacity:0； 表示透明度为0 完全透明
opacity:0； 表示透明度为0 完全透明
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是用 a:hover div{display:block}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
