css设置图片右上删除按钮

最新推荐文章于 2024-06-24 10:30:37 发布

大海无量波涛凶

最新推荐文章于 2024-06-24 10:30:37 发布

阅读量6.5k

点赞数

分类专栏： web

web 专栏收录该内容

145 篇文章 4 订阅

订阅专栏

参考：https://blog.csdn.net/qq_33464127/article/details/77506461

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="../js/jquery-1.9.1.min.js"></script>
       <style type="text/css">
.imgDiv {
display: inline-block;
position: relative;

}

.imgDiv .delete {
position: absolute;
top: 0px;
right: 0px;
width: 10px;
height: 10px;
/*display: none; */
}
</style>
   </head>
   <body>
       <script type="text/javascript">
// $(document).ready(init);
// function init() {
// $(".imgDiv").mouseenter(function () {
// $(this).find(".delete").show();
//
// });
//
//
// $(".imgDiv").mouseleave(function () {
// $(this).find(".delete").hide();
// });
//
// }

</script>
<div class="imgDiv">
<img style="width: 50px;height: 50px;" src="../img/yuantiao.jpg" />
<a href="#">
<img src="../img/add.png" class="delete" />
</a>
</div>
<div class="imgDiv">
<img style="width: 50px;height: 50px;" src="../img/yuantiao.jpg" />
<a href="#">
<img src="../img/add.png" class="delete" />
</a>
</div>
   </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大海无量波涛凶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
css设置图片右上删除按钮

参考：https://blog.csdn.net/qq_33464127/article/details/77506461 &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;
复制链接

扫一扫