<style type="text/css" >
.box{
margin:100px auto;
position: relative;
width: 107px;
}
#X{
border:1px solid #D9D9D9 ;
width:14px;
height:14px;
line-height: 14px;
color: #D6D6D6;
cursor:pointer;
position: absolute;
top:20px;
left: 0;
}
</style>
<html>
<div clas="box">
<img>
<span id="X">X</span>
</div>
</html>
<script>
var clo=document.getElementById("X");
clo.onclick=function(){
this.parentNode.style.display="none";
}
</script>
原文：http://www.cnblogs.com/yishichangan925/p/7484263.html