我正在尝试叠加图像。我以前做过一点,但由于某种原因,今天我显然忘记了一些事情。它似乎占用了整个页面的宽度,而不是其父级:
#work_item {
position: relative;
width: auto;
}
#work_item img {}
#work_item a {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 30;
height: 100%;
width: 100%;
background: #000;
color: #FFF;
}
<div id='work_item'>
<img src="" />
<a href="#">Click Here!</a>
</div>
有什么帮助吗?