保持包含在另一個圖像中的圖像。

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