display:block;完成后还是不显示，这是写的测验，还是不行。
来源：2-3 鼠标浮动效果
一寸光线
2014-12-30 18:32
display:block;完成后还是不显示，这是写的测验，还是不行。
<style type="text/css">
.bb:hover .aa{ display:block; z-index:10;}
</style>
</head>
<body>
<div class="bb" style="
background:#999;
width:200px;
height:100px;
border:2px solid #000;
z-index:5;">
<div class="aa" style="display:none;
width:100px;
height:40px;
background:#333;
box-shadow:0 0 8px #0033FF;">
</div>
</div>
</body>
写回答
关注
2回答
-
- 一寸光线
- 2015-01-04 16:58:28
多谢，已经解决了
-
- Tracy_
- 2014-12-30 19:49:30
改成外联式就可以了，别把display:none写在行内。
.aa{display:none}
.bb:hover .aa{ display:block; z-index:10;}
<div class="aa" style="width:100px; height:40px; background:#333; box-shadow:0 0 8px #0033FF;">
这样就可以了
不过我建议，将样式统一写在一个样式里面，采用外联，不要行内，因为这样对后期维护不方便。
商城分类导航效果
两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法
63737 学习 · 276 问题
相似问题