我試圖在圖像上顯示div。當用戶輸入圖像時,分區必須顯示,意味着懸停效果。但是,當我將鼠標懸停在主分區上時,會發生什麼情況。如何顯示除其他元素的劃分
我的代碼是:
<div class="bgimg">
<img width="100%" height="100%" data-id="1" src="data:image/jpeg;">
<div id="changeBackPicture" style="display: none;">
<a id="ChangeBAKPicture" href="javascript:void(0)">Change BackGround Picture</a>
</div> <-- This division need to display above the image --->
<div class="primg"></div>
<div id="uname">xyz </div>
</div>
CSS代碼:
#changeBackPicture
{
float:right;
margin-top:-70px;
margin-right:500px;
width:270px;
height:35px;
margin-left:-3px;
margin-right:-3px;
}
下面圖爲師現在怎麼顯示。我需要顯示在圖像上的劃分...
請任何人告訴我怎麼做這個東西........謝謝。 ...
嘗試'#changeBackPicture {位置:相對; z-index:9999;}' – 2013-02-26 20:47:48
@Eric Lemos謝謝您的回覆。其實我不知道'z-index'。但它的工作... – james 2013-02-26 20:51:54
感動的評論回答 – 2013-02-26 20:55:41