Question

是否可以实现div里面的div遮挡div外面的div?

<div id="d1" style="z-index:3;position:fixed;background-color:#00FFFF;top:100px;left:150px;width:300px;height:300px"></div>
<div id="d2" style="z-index:2;position: absolute;background-color:#c7ddef;top:120px;left:200px;width:600px;height:800px">
<div id="d3" style="z-index:1;position: absolute;background-color:#005916;top:10px;left:10px;width:300px;height:300px">
</div>
</div>

大神们，想请教一下，这种情况想实际d1遮挡d2，而d3要遮挡着d1，这样可以实现吗？
大神们，想请教一下，这种情况想实现d1遮挡d2，而d3要遮挡着d1，这样可以实现吗？

Answer 1

可以啊，设置层
d1的style设置z-index:2;
d2的style设置z-index:0;
d3的style设置z-index:3;
z-index越大就在越上层

追问

感谢关注，但现在情况有点有一样，d3是在d2里面的，我就算按你说的这样设置也是d1在最上面的

追答

嗯，刚才试了一下，确实不行啊，我也没辙了，只能把div1放到div2里面去或者三个div并列了,抱歉没帮上忙

追问

不要紧，谢谢

Answer 2

可以实现的，定位分层就能实现：你可以使用z-index这个属性，就能实现~

追问

感谢关注，但现在情况有点有一样，d3是在d2里面的

Answer 3

可以，z-index这个参数解决问题，值越大-在最上面

追问

感谢关注，但现在情况有点有一样，d3是在d2里面的