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