定位在弹出图像右上方的关闭按钮

Question

如何获取弹出图像右上方的关闭按钮[x] http://bit.ly/uHrh3E？

#shDisplay #shWrap #imgContainer { 
    position:relative; 
} 


#shDisplay #shWrap #imgContainer > #clbtn >a { 
    font-size:18px; 
    margin-bottom:10px; 
    color:#fff; 
    text-align:right; 
    right: 1%; 
} 

#shShutter *, #shDisplay * { 
    padding: 0; 
    margin: 0; 
} 
#clbtn{ 
    position: absolute; top: 0; right: 0; 
    margin-bottom:10px; 
} 

D.innerHTML = '<div id="shWrap"><div id="imgContainer"><div id="clbtn">' + closebtn + '</div><img src="'+shutterLinks[ln].link+'" id="shTopImg" title="' + t.msgClose + '" onload="shutterReloaded.showImg();" onclick="shutterReloaded.hideShutter();" /></div>' + NavBar +'</div>'; 

我似乎无法让它正常工作。

Answer 1

其相对简单，因此，如果你把你的按钮，包含图像的股利，穿上position: relative;容器上，并position: absolute; top: 0; right: 0;您[X]内。

在容器上使用position: relative将使子元素相对于该元素，这可以非常方便 - 就像这个特定的示例一样。