Question

我无法点击div position:absolute内的链接。它似乎无法在移动设备上运行，因为它在Chrome桌面上工作正常，甚至ie8。

一旦我删除了它的作品风格。 msg-inner类只适用于jQuery，它的scrollTop没有样式。我已经阅读了许多答案并在内部div上使用z-index或position:relative但没有效果。我甚至尝试在msg_container上使用position:fixed和同样的问题。内部div滚动，一切看起来正确，但只是链接被打破，顺便说一下，有些人会工作，有些则不会。我拿走了所有的样式，只是在里面放置了简单的链接，看看它是否是一个格式问题，但仍然没有。

<div id="msg_container" class="absolute" style="overflow-y:auto;width:100%;height:75%">
    <div class="msg_inner">

.... stuff in here with links
</div><!--msg inner-->
    </div><!--msg_container-->

CSS

.absolute {
position: absolute;
}

Answer 1

您的#msg_container不应该有绝对位置，.msg_inner应该。试试这个：

<强> HTML

<div class="msg_container">
    <div class="msg_inner">
        .... stuff in here with links
    </div><!--msg inner-->
</div><!--msg_container-->

<强> CSS

.msg_container {
    position: relative;
    width: 400px;
    height: 400px;
}

.msg_inner {
    position: absolute;
    top: 0px;
    left: 0px;
}

另请注意，我将msg_container作为一个类，而不是ID。拥有多个同名的ID被认为是不好的做法。虽然我当然不知道您的代码，但我认为您可能在页面上有多个msg_container ...所以我使用了一个类。

CSS - 链接无法在绝对DIV内部进行点击 - 移动

1 个答案: