jquery – 如何在图像的右上角显示删除按钮?

前端之家收集整理的这篇文章主要介绍了jquery – 如何在图像的右上角显示删除按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在右上角显示删除按钮进行图像显示
我该怎么实现呢?

我的html是这样的:

主要形象:

<img id="' + id + '" src="../Images/DefaultPhotoMale.png" class="' + item + '" width="40" height="40" alt="image" title="' + projectTitle + '" style="cursor:pointer" />

x按钮图像显示在上述图像的右上角

>’< img id =“'item.Soid'”src =“../ Images / RemoveButton.ico”style =“display:none”title =“删除专业化”/>

没有背景图像设置,我需要该删除按钮的点击事件
这样的:

解决方法

通常的方法与位置:相对和位置:绝对.

HTML:

<div class="img-wrap">
    <span class="close">&times;</span>
    <img src="http://lorempixel.com/100/80">
</div>

CSS:

.img-wrap {
    position: relative;
    ...
}
.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    ...
}

扩展演示(JS交互)http://jsfiddle.net/yHNEv/

原文链接:https://www.f2er.com/jquery/180172.html

猜你在找的jQuery相关文章