css 给图片加一个关闭按钮

今天又写页面了，给图片加一个关闭按钮，顺手记录下。外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>

最后效果：