Question

我正在为我的妹妹制作一个网站，我遇到了问题，问题是我有一个动态驱动器的导航栏，但我只在其中放了2个链接来测试它。

我把它放在一个带有css的div中：

position:absolute;  
margin-top:-30px;  
z-index:-1;  
overflow:hide;  
margin-left:1%;

我把它放在一个div中，以便隐藏导航条的额外部分，但是（问题）该div我无法点击链接。

DEMO

Answer 1

当我在#navbarcontaner上将z-index更改为10时，链接是可点击的。基本上链接前面有一个div，这就是为什么它们不可点击。

我建议您将#navbarcontaner向下移动。说填充顶部：20px;并将z-index更改为10.

Answer 2

从z-index:-1＆amp;中删除#navbarcontaner将position:relative提供给您的#head。写得像这样：

#head {
    background-color: #BF60A0;
    display: block;
    height: 120px;
    margin-right: 0 auto;
    text-align: center;
    width: 98%;
    z-index: 100;
    position: relative;
}
#navbarcontaner {
    margin-left: 1%;
    margin-top: -30px;
    position: absolute;
}
#site h3{
 margin:0;
}

Answer 3

将#framecontaner更改为：

#framecontaner {
    margin: 10px;
    position: relative;
    top: 32px;
}

或者...

为您z-index将-1值从1更改为#navbarcontaner

点击div

3 个答案: