Question

我在另一个带有html链接的div后面有一个div。问题是这个div是一个jquery制作的内容滑块。因此，我无法点击下方div的链接。有没有办法让它可以点击。我试过了position:absolute，但它没有用。也许有一个jquery hack或什么？

阻止我的导航div的div被称为“maincontent”，导航div被称为“nav”，问题是maincontent div超过了“nav”div，因为我使用了margin-top: -60px;因为我需要编码。

Answer 1

将position:relative添加到导航栏。没有做到吗？这是因为maincontent设置了z-index。也可以在nav块中添加一个，并确保它高于maincontent上设置的值。就是我猜。

Answer 2

如果您确定在nav上方显示maincontent不会导致任何视觉问题（例如导航阻碍主要内容的某些内容），那么您可以尝试使用CSS属性z-index在这两个DIV上，并将z-index的{{1}}设置为高于nav z-index的{{1}}（可能是50 - 这些数字完全是任意的，只是检查布局中是否存在maincontent设置的其他元素，并且不与这些元素冲突。

当然，要注意可怕的IE，它与相对（或绝对？）定位和z-index有一些奇怪的问题。

Answer 3

我遇到了同样的问题。

我的问题是，如果我将z-index更改为＆gt; 0，那么就会出现破坏设计的问题。

由于我的页面有静态元素，我使按钮适合它们的位置，但没有它们与其他元素一起放在容器中。

我有：

.container#body-container

    #menu-buttons
        .menu-item#One
        .menu-item#Two
        .menu-item#Three
        .menu-item#Four
        .menu-item#Five

当事情开始分手时我把它改成了

#nav-menu-container
    #One
    #Two
    #Three
    #Four
    #Five


.container#body-container

    #menu-buttons
        .menu-item
        .menu-item
        .menu-item
        .menu-item
        .menu-item

我知道这有点哈哈，但这是我到目前为止所做的最好的。

不能点击div与链接后面另一个div绝对位置不会工作

3 个答案: