为了账号安全,请及时绑定邮箱和手机立即绑定

display:block;完成后还是不显示,这是写的测验,还是不行。

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 回答

多谢,已经解决了

0 回复 有任何疑惑可以回复我~
#1

qq_夏_7

怎么解决的
2015-09-02 回复 有任何疑惑可以回复我~

改成外联式就可以了,别把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;">

这样就可以


不过我建议,将样式统一写在一个样式里面,采用外联,不要行内,因为这样对后期维护不方便。

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

display:block;完成后还是不显示,这是写的测验,还是不行。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信