Question

HTML5编程问题：为什么鼠标放到图片上不显示

html：
<div class="content">
<div class="page page3">
<img src="img/armoire.jpg" class="armoire"/>
<img src="img/shuao.png" class="shuao" />
<div class="report">内容</div>
CSS：
.shuao{
width: 80%;
height: 12%;
position: absolute;
top:8%;
left: 10%;
}
.report{
color: white;
position: absolute;
left: 13%;
bottom: 5%;
display: none;
}
.shuao:hover .report{
display: block;
}

Answer 1

感觉这种伪类属性写法有问题：.shuao:hover .report{｝
要么.shuao:hover {}, 要么.report{}
不能把它们合并到一起。
可以用JS来处理这个hover事件。