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/