Question

我目前正在为企业设计一个网站来构建计算机。

唯一的问题是，该网站只能在firefox中100％运行。我目前的问题是除了FireFox之外，左边的div（带图片）和右边的div（带有facebook的盒子）在每个浏览器中都是不可点击的。我很确定它与z-index有关，但我不知道如何修复它。

我所拥有的是顶部的导航栏，主要div具有相对定位。在这个主要的div里面我还有3个div。一页用于页面的每一列，左，中，右。这些div都不是可点击的，但这是我的css代码：

#fr {
    z-index: -1;
    position: fixed;
    width: 290px;
    right: 10px;
    top: 45px;
}
#la {
        overflow : auto; 
    z-index: -1;
    position: fixed;
    width: 200px;
    height: 92.5%;
    left: 15px;
    top: 45px;
    border-right: 1px solid grey;
}
#maindata {
    border-bottom: 1px solid grey;
}
#main {
    z-index: -1;
}

我该怎么做才能解决这个问题？我愿意分享我的来源（它用PHP编码，但主要是HTML。

感谢您的帮助，谢谢！

Answer 1

为什么#main和#la上有z-index: -1？这将它们置于body（或其他一些元素）之后，因此无法通过悬停/单击操作访问它们。删除这些样式，页面将正常工作。

使用相对定位时无法点击......？

1 个答案: