html - 课程项目未显示

Question

1由于某种原因，我的课程项目 close_full 没有显示图像。我似乎无法弄清楚为什么一切似乎都设置正确 JSFIDDLE

#full_image{
width: 339px;
height: 211px;
left: 10px;
position: absolute;
opacity: 1;
z-index: 90000;
}

#full_image img {
left: 10px;    
width: 339px;
height: 211px;
position: relative;
overflow: hidden;       
}
#full_image .close_full {
height: 209px;
width: 209px;
position: relative;
background: url('zoom-off.png') no-repeat;
bottom: 5%;
right: -29px;
margin-top: -36px;
cursor: pointer;
z-index: 1;
background-position: right top;   
opacity: 1;
}


<div id="full_image"> <img src="1.jpg"></div>
<span> <a href="#" class="close_full" ></a></span>

Answer 1

Edit:

you have the "" outside of your div "#full_image" so I replace

#full_image .close_full {...

with this

.close_full {...

and the class .close_full, now is like this:

.close_full {
height: 29px;
width: 29px;
position: relative;
background: url('http://tabtimes.com/sites/default/files/Steve%20Wozniak%202.jpg') no-repeat;
bottom: 5%;
right: -29px;
cursor: pointer;
z-index: 9999999;
background-position: right top;
opacity: 1;
display: block;
   }

I dont know where you what the close_full link realy must be, but here you have the example:

http://jsfiddle.net/2M6KA/8/