问答详情
源自：2-3 鼠标浮动效果

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>


提问者：一寸光线 2014-12-30 18:32

个回答

  • 一寸光线
    2015-01-04 16:58:28

    多谢，已经解决了

    0
  • 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;">

    这样就可以了


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

    2