div背景图片上怎么同时添加链接和文字
我显示了链接就不能将文字显示在底部(我用padding-top实现的),将文字显示在底部就不能显示链接。
代码:
<div style="background-image:url(../static/img/img1.png);" class="banner2">
<p style="color:white;font-size:80%;padding-top:80px;">一些文字</p>
<a href="#"></a>
</div>
.banner2{
background-size:100% 100%;
background-position: center;
background-repeat: no-repeat;
width:215px;
height:100px;
display:block;
overflow: hidden;
transition: all 0.6s;
}