链接在分层div中不起作用
链接在分层div中不起作用
提问于 2012-09-25 23:54:20
我一直在努力弄清楚如何让我的链接在分层的div中工作
我有一个包含另外两个div的大div：
- 有内容的主分区
- 我的菜单的导航div
问题是，main div是重叠的导航div，其中我希望我的链接是(丝带)，所以它似乎是被拉出来时，盘旋。但他们根本没有活跃的联系？我的css如下：
.navigate {
width: 1020px;
height: 300px;
position: absolute;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: 190px;
z-index: -1;
border: 1px solid red;}和
.main {
background: url("../images/papir.png") no-repeat center; /* papir.png bredde=1020px */
margin-left: auto;
margin-right: auto;
margin-top: 150px;
margin-bottom: 7em;
width: 1020px; /* 1020px */
height: 752px; /* 752px */
z-index: 0;
border: 1px solid green; }就好像navigation div在幕后:$
当我将z-index更改为navigation div中的0时，除了div不在main div后面外，它工作得很好。
我试过用
body {
position: relative;
z-index: 0; }在某个地方读到它应该解决问题的地方--但不是给我的。
有什么解决办法吗？
提前感谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-09-25 23:57:49
目前，您将.navigate div索引设置为-1，因此它位于.main div之后。让它比其他的div大，所以它在顶部。例如z-index: 101;
Stack Overflow用户
发布于 2012-09-26 12:34:23
开始工作了！
刚才补充说：
position: relative;给..main div
Stack Overflow用户
发布于 2012-09-26 00:01:12
当我将导航div中的z索引更改为0时，除了div不在主div之后外，它工作得很好。
如果我正确理解了这一点，如果链接顶部有另一个div重叠，则无法获得一个工作链接，例如。如果导航div位于主div下，则nav上的链接将无法工作。
但是..。
如果您希望使用顶部链接的div是相对的、绝对的或固定的，并将z-索引设置为任何较高的数字，那么您想要的是后面的div。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12592745
复制相关文章
相似问题
腾讯云开发者
