我想在右上角显示删除按钮进行图像显示？
我该怎么实现呢？
我该怎么实现呢？
我的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">×</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/