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>
2015-01-04
多謝,已經解決了
2014-12-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;">
這樣就可以了
不過我建議,將樣式統一寫在一個樣式里面,采用外聯,不要行內,因為這樣對后期維護不方便。