今天又写页面了,给图片加一个关闭按钮,顺手记录下。外div绝对定位,内部图片用相对定位。
.MainDiv {
width:100%;
}
.MainDiv .LiDiv {
text-align:center;
width:100px;
height:100px;
padding:5px;
border:1px;
float:left;
cursor:pointer;
}
.MainDiv .LiDiv .UpImg {
width:100px;
text-align:center;
height:80px;
position:relative;
}
.MainDiv .LiDiv .DownTxt {
width:100px;
text-align:center;
height:20px;
}
.MainDiv .LiDiv .delImg {
width:20px;
height:20px;
position:absolute;
right: -5px;
top: -5px;
}
<div class="MainDiv"><div class="LiDiv"><div class="UpImg">
<img class="upimgli" src="/Upfiles/Contract/2019/3/22/6ea6846b-a326-4dfa-9cbc-1f5cfae11b65.png" type="1" height="80px" width="100px">
<img class="delImg" src="/Images/EnclosureDel.png" alt="删除" title="删除" οnclick="EnclosureDel(this)">
</div><div class="DownTxt">合同</div></div></div>
最后效果: