이미지 위에 div를 표시하려고합니다. 사용자가 표시해야하는 이미지를 입력하면 호버 효과를 의미합니다. 그러나 어떤 일이 발생합니까? 제가 이미지 아래에 표시되는 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;}' –
@ Eric Lemos 답장을 보내 주셔서 감사합니다. 사실 나는'z-index'에 대해서 모른다. 그러나 그것은 작동했습니다 ... – james
대답을 –