两个div上的Z-index,两个div都处于活动状态

时间:2015-09-15 03:25:00

标签: html css css3

你好我想知道我怎么能让2个div在另一个盘旋的情况下左边徘徊在右边但是像按钮等元素在两个div上都是活跃的&# 39;左边的人要优先考虑。贝娄是我的代码,左边的div正在超越正确的div。

我有两个问题。正确的div 1.他的所有按钮在正确的div上变得不活跃。我希望它们处于活动状态并且它的高度是完整的,因为现在因为它在背面,所以页脚重叠它。同时左边的div超过右边但只有它的区域像按钮等一样活跃。

<div class="left"></div>
<div class="right overlap"></div>
<footer>footer</footer>

CSS:

.overlap {z-index: -1; position: absolute;};

2 个答案:

答案 0 :(得分:0)

如果我理解正确,你希望正确的div与左div部分重叠。但是你试图把z-index放到整个div中。你只需要在左边或右边div中放入多个div,然后相应地放入z-index。

如果您尝试使用z-index实现弹出窗口,我建议您在问题中添加更多代码,以便我们得到您想要做的事情,小提琴也会有所帮助。

答案 1 :(得分:0)

如果我理解正确你正在寻找这样的东西:

[https://jsfiddle.net/9mwb8gx2/][1]

[1]: https://jsfiddle.net/9mwb8gx2/