[英]Positioned close button in the top right of a pop up image
如何在彈出圖像的右上方顯示關閉按鈕[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>';
我似乎無法讓它正常工作。
它相對簡單,所以如果你把你的按鈕放在包含圖像的div里面,放在position: relative;
在容器上, position: absolute; top: 0; right: 0;
position: absolute; top: 0; right: 0;
在你的[X]
。
在容器上使用position: relative
將使子元素相對於該元素,這可能非常方便 - 就像這個特定的例子一樣。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.