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

编辑：

你的div之外有“”#full_image“ 所以我替换

#full_image .close_full {...

用这个

.close_full {...

和类.close_full，现在是这样的：

.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;
   }

我不知道close_full链接必须在哪里，但是你有这个例子：

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

课程项目未显示

1 个答案: