<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> ul {width:200px;} h2: hover li {display:inline-block;} li {display:none;} </style> </head> <body> <ul> <h2 >家电</h2> <li>冰箱</li> <li>空调</li> <li>洗衣机</li> </div> </ul> </body></html>
1 回答
信者得救
TA贡献22条经验 获得超10个赞
display:none是彻底从页面上消失的意思，就是不占物理空间，这种情况下你怎么可能触发得了它的:hover事件。
如果你想实现你要的效果，你可以用
visibility:hidden; 及 visibility:visible
或者opacity = 0; 及opacity = 1
来实现隐藏显示。
- 1 回答
- 0 关注
- 1034 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消