如何切换div与另一个div

如何使用css解决此问题。 enter image description here 如何切换div与另一个div

当我展开菜单菜单中的内容像第二张图展开展开。这是我的css

.contents { 
    /*margin-left: 165px;*/ 
    /*margin-top: 60px;*/ 
    position: absolute; 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    overflow-y: scroll; 
}

这是我的HTML与内容。

<div class="contents" id="subContents"> 

</div>

我尝试了位置'相对'，但它不适用于我。通过使用z-index有这样的问题。这样做的 enter image description here http://jsfiddle.net/ssaranga/o7sh1j0f/

来源

2015-01-14 Saranga

使用z-index或固定在菜单上的位置 – WhiteLine

关于上次附加的图片：我以为这就是你想要的。至此，目前尚不清楚你想达到什么目的。我重申：请进行演示（例如jsfiddle）以阐明您的要求。 –

一种方法是将z-index属性添加到您的切换菜单类和最高值分配给它，根据你有多少的叠置元件都有。

z-index指定元素的堆栈顺序。不同的浏览器有不同的最大值和最小值。

使用大于实际堆叠元素的数字的优点是，您不需要返回并在要添加更多元素时更改z-index值。

请注意，z-index仅适用于定位元素。

例如，你可以这样做：

.toggle-menu{ 

position:relative 
z-index: 999; 

}

来源

2015-01-14 10:52:18

这仅仅是一个例子，见更新:) –

使用9999作为一个值没有错，取决于上下文。请注意，通过使用2，如果您之间需要其他图层...您需要再次更改堆叠。一个（虽然非常）很高的数字提供了余地 – SW4

但我的问题不会解决使用z-index。 – Saranga

的定位是不是你的问题，那就是你的菜单股利是在后台显示的事实。

您已将html元素堆叠在一起，并且必须使用CSS z-index propert来调整z轴上的元素。

来源

2015-01-14 10:57:03

我在哪里使用z-index – Saranga

@SarangaSachinthana你的问题是你没有使用过该属性。阅读链接，你会感受到它是如何工作的。 –

菜单是最高层。但在其他div的顶部内容不能访问 – Saranga

如何切换div与另一个div

回答

相关问题