0
im В настоящее время работает над разделом сайта, на котором есть сетка изображений. Я пытаюсь настроить его, поэтому, когда вы наводите мышью на изображение, появляется другой div с непрозрачным фоном и текстом. проблема в том, что я не могу заставить div mouseover соответствовать тем же размерам родителя. на данный момент он липкий выход в обоих направлениях. какие-либо предложения? Heres некоторые кодMouseover Div Dimensions Issue
<div class = 'picture-container'>
<div class = 'picture-wrapper' id = 'top-left'>
<div class = 'onhover'>hello!</div>
<img src = 'ds-map.png' height = '100%' width = '100%'>
</div>
<div class = 'picture-wrapper' id = 'top-right'>
<div class = 'onhover'>hello!</div>
<img src = 'ds-map.png' height = '100%' width = '100%'>
</div>
<div class = 'picture-wrapper' id = 'top-center'>
<div class = 'onhover'>hello!</div>
<img src = 'ds-map.png' height = '100%' width = '100%'>
</div>
</div>
.onhover{
position:absolute;
display:none;
width:30%;
height:100%;
background-color:#F5D892;
opacity:.4;
}
.picture-wrapper{
width:30%;
height:100%;
}
.picture-wrapper:hover .onhover{
display:block;
}
фантастика! Большое спасибо за помощь – nictory