1

我一直在试图弄清楚如何让我的链接在分层 div 中工作

我有一个包含其他两个 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为 0 时,navigation div它工作得很好,只是 div 不在main div..

我试图用

body {
position: relative;
z-index: 0; }

在某处阅读它应该可以解决问题 - 但不适合我

任何想法如何解决它?

提前致谢

4

4 回答 4

2

目前,您将.navigatediv z-index 设置为 -1,因此它位于.maindiv 后面。使其大于其他 div,使其位于顶部。例如z-index: 101;

于 2012-09-25T23:57:49.327 回答
1

得到它的工作!

刚刚添加:

position: relative;

到 .main-div

于 2012-09-26T12:34:23.013 回答
0

当我在导航 div 中将 z-index 更改为 0 时,它工作得很好,只是 div 不在主 div 后面。

如果我理解正确,如果链接顶部有另一个 div 重叠,则无法使链接正常工作,例如。如果导航 div 在主 div 下,则导航 div 上的链接将不起作用

但..

如果您想要链接在顶部的 div - 将它们相对或绝对或固定放置,并将 z-index 设置为高于您想要的 div 后面的任何数字

于 2012-09-26T00:01:12.403 回答
0

例如,对要覆盖的 div 使用负边距

.overlay-div{margin-top:-20px;}
于 2012-09-26T08:16:53.290 回答