<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>