0

链接到有问题的网站：http: //www.christopherwarrington.com/testing_ground

我有一个设置为 z-index 100 的开始屏幕，以确保它高于所有其他 DIV。当您单击 Enter 按钮时，“开始”屏幕会滑开。

Main DIV 的 z-index 设置为 50。

问题是当开始屏幕滑开时，您可以阅读主 DIV 中的所有内容，但不一定能点击链接。您可以在第 3 段末尾看到这一点。如果您将鼠标滚动到链接上，左侧将不允许您单击它，但右侧可以。

现在，如果我将 Main DIV 的 z-index 更改为高于 Start Screen 的 z-index，则所有链接都可以访问，但 Start 屏幕在 Main DIV 后面上下滑动，这没有用。

我很茫然。我不知道为什么当开始屏幕滑出视图时，为什么它会阻止链接工作。我确信我遗漏了一些明显的东西，我很感激来自额外一双眼睛的任何建议。谢谢你。

4

1 回答 1

0

开始屏幕 div 覆盖了其余的内容，因此看起来在链接上的点击实际上是在开始屏幕上，因此什么也不做。不知何故，开始 div 的底部区域是透明的，因此它覆盖了这些链接并使它们无法点击，即使您甚至看不到它。解决此问题的最简单方法可能是摆脱透明部分。解决这个问题的最简单方法是去掉那个透明部分，它来自 div 和id="enter_btn_wrapper". div 当前设置为高度为 500 像素，宽度为 300 像素，这使得它位于页面中间的内容上方。它并没有涵盖所有内容。请注意如何仍然可以毫无问题地单击页面下方或一侧的链接。

看到所有这些 div 所做的一切都是为您提供一个句柄来定位实际 div 与按钮作为其背景 75px 左右，您可以将其高度设置为 0px 并且一切顺利。

于 2012-07-29T23:42:32.157 回答