Как сделать так, чтобы при наведении фон становился виден именно в данном блоке?
<div class="myDiv">
<div class="bg"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
.myDiv {
position: relative;
z-index: 5;
height: 250px;
width: 300px;
color: #000;
font-size: 400%;
padding: 0px;
}
.myDiv .bg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url('http://lh6.ggpht.com/stod84/SLl3qiduLtI/AAAAAAAAB_g/BQgmmyvaGxw/s400/css-background.jpg') center center;
opacity: 0.7;
width: 100%;
height: 100%;
display:none;
}.child{
width:100px;
height:100px;
border:1px solid black;
display:inline-block;
}