如何实现div遮罩效果？
如题，下面是我的代码，我想实现类似于放大镜查看的效果，用了DW的拖动AP元素行为来使apDiv1可以拖动，让比apDiv1大的apDiv2在apDiv1里面，然后用ove...
如题，下面是我的代码，我想实现类似于放大镜查看的效果，用了DW的拖动AP元素行为来使apDiv1可以拖动，让比apDiv1大的apDiv2在apDiv1里面，然后用overflow:hidden使apDiv2中超出apDiv1的部分不显示。但是效果是apDiv2总是在最上面，求解释。效果在ie9里面正常，但是在FF9，opera11，chrome中都不能正常显示。
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:322px;
height:197px;
z-index:1;
overflow: hidden;
left: 74px;
top: 40px;
}
#apDiv2 {
position:fixed;
left:53px;
top:50px;
width:229px;
height:113px;
}
-->
</style>
</head>
<body onload="MM_dragLayer('apDiv1','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')">
<div id="apDiv1"><div id="apDiv2"><img src="img/background.jpg" width="100%" height="100%" /></div></div> 展开
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:322px;
height:197px;
z-index:1;
overflow: hidden;
left: 74px;
top: 40px;
}
#apDiv2 {
position:fixed;
left:53px;
top:50px;
width:229px;
height:113px;
}
-->
</style>
</head>
<body onload="MM_dragLayer('apDiv1','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')">
<div id="apDiv1"><div id="apDiv2"><img src="img/background.jpg" width="100%" height="100%" /></div></div> 展开
若以下回答无法解决问题，邀请你更新回答
1个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
