保持包含在另一个图像中的图像。

Question

我怎样才能保持包含在图像内的关闭按钮，甚至就是我改变使用img大小的jQuery

#full_image { 
width: 200px; 
height: 200px; 
left: 0px; 
top:10px; 
position: relative; 
opacity: 1; 
z-index: 9; 
} 

#full_image img { 
left: 20px; 
width: 339px; 
height: 211px; 
position: relative; 
overflow: hidden; 
} 

#full_image .close{ 
background: url("http://www.sobral.ce.gov.br/saudedafamilia/close.jpg") no-repeat; 
top: 5px; 
right: 0px; 
cursor: pointer; 
height: 29px; 
opacity: 1; 
position: absolute;  
width: 29px; 
z-index: 999; 
} 


<div id="full_image"><img src="http://coe.berkeley.edu/forefront/fall2005/images/woz1.jpg" /> 
<span> <a href="#" class="close"></a></span> 
</div> 

JSFIDDLE

Answer 1

使用下面的CSS：

#full_image { 
    position: relative; 
} 

#full_image span { 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

这告诉跨度相对于#full_image定位，并坚持在它的右上角。

希望这有助于:)

Answer 2

你不指定什么手段“里面包含的图像关闭按钮”。我会尽量把我的形象和按钮这样的：

HTML：

<div> 
    <img id="myImage"></img> 
    <button id="myButton" /> 
</div> 

CSS：

#myImage { 
    position: relative; 
} 

#myButton { 
    position: absolute; 
    top: ???; 
    left: ???; 
} 

的jQuery： 你必须计算在何处放置按钮（你应该给出f的属性（例如，top:和left:）