0

我正在尝试在图像上显示 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;
}

下图显示了分区现在的显示方式。我需要在图像上显示除法... 在此处输入图像描述

请任何人告诉我如何做这些东西............谢谢。...

4

3 回答 3

3

z-index 是一个 CSS 属性，用于设置特定元素的堆叠顺序。具有较大堆栈顺序的元素总是在另一个具有较低堆栈顺序的元素之前。

为了让元素使用 z-index，它必须是绝对定位、相对定位或固定定位。

#changeBackPicture { position: relative; z-index: 9999;}

资源：http ://www.w3schools.com/cssref/pr_pos_z-index.asp

于 2013-02-26T20:55:33.830 回答
2

它真的没有那么复杂，你应该看看Z Index CSS 属性，因为它完全符合你的要求。

确保为要覆盖的图像和要覆盖的 div 设置 Z 索引！

于 2013-02-26T20:48:32.700 回答
1

您是否尝试将 z-index 添加到覆盖 div？给它一个 50 的 z-index，看看它是否有效。您也可以给它绝对定位并将其放置在图像 div 的顶部。

于 2013-02-26T20:49:30.053 回答