Question

我的代码中发生了这种奇怪的事情。使用Firefox或Chrome（仅尝试过这两个）我无法点击（甚至用鼠标选择）我网站上的所有类别。浏览器完全忽略了它们，但它显示了它们。

您也可以在源代码中看到代码，看起来不错。我不知道我做错了什么，但我怀疑它是服务器端问题，它与CSS有关，因为当我从CSS中删除padding行时（来自ul.menu li确切地说，其中一个类别突然变得可点击/可选择（ Sample Category 4 ）。我以前从未遇到过这样的事情，我想不出办法解决这个问题。我不是一个很好的造型师。

这是URL：~remove~

您可以在右侧的“规则部分”中看到问题，样本类别4 和样本类别5 是不可点击/不可选择的类别。

想法？

Answer 1

问题是你的CSS我的#container。

您有以下CSS

#container {
    padding-right: 220px;
    position: relative;
}

您需要将填充更改为边距，因为填充填充整个空间，然后将元素放在最后两个链接上。这就是他们无法选择的原因。

更改为

#container {
    margin-right: 260px;
    position: relative;
}

Answer 2

您的问题是您的#container与右侧的菜单重叠。将其添加到css（style.php中的第4020行）位置的.mini-panel中：relative;的z-index：1000;

那应该适合你。

Answer 3

他们都坐在你的容器div下面。尝试使用z-index将其放在后面或设计您的网页，以便您的div不重叠。

Answer 4

容器div与右侧菜单重叠。所以设置以下CSS：

.mini-panel{
   position: absolute;
   z-index: 1000;
   width: 200px;
}

或者你可以减少#container的宽度。

Answer 5

进入你的CSS并编辑元素：

#container {
    padding-right: 220px;
    position: relative;
}

把它变成：

#container {
    margin-right: 260px;
    position: relative;
}

无法点击<li>或<a> elements, browser displays them though</a> </li>

5 个答案: