我想在右上角显示删除按钮进行图像显示?
我该怎么实现呢?
我该怎么实现呢?
我的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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。