2
我有一個父div,裏面有div,我想設置爲與父div相同的大小。父div被設置爲內聯塊。我怎樣才能做到這一點? https://jsfiddle.net/7twc7jy0/Div設置爲100%寬度和100%高度,但不會繼承父div的大小
<div class= "parent">
<div class="caption">
<h4>Thumbnail Headline</h4>
<p>short thumbnail description</p>
</div>
<img class="project-img" src="https://i.imgur.com/UnxgcnT.png" >
</div>
CSS:
.project-img{
width:400px;
height: auto;
}
.parent{
display:inline-block;
}
.caption {
position:absolute;
background:rgba(66, 139, 202, 0.75);
height:100%;
width:100%;
padding:0%;
margin:0%;
display: none;
text-align:center;
color:#fff !important;
z-index:2;
}
JS:
$('.parent').hover(
function(){
$(this).find('.caption').fadeIn(150)
},
function(){
$(this).find('.caption').fadeOut(150); //.fadeOut(205)
}
);
完美,謝謝。 – Brett