z-index和链接的问题

时间:2012-07-29 23:28:18

标签: css html z-index

指向相关网站的链接:http://www.christopherwarrington.com/testing_ground

我有一个设置为z-index 100的开始屏幕,以确保它高于所有其他DIV。单击“输入”按钮时,“开始”屏幕将滑开。

主DIV设置为z指数50.

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

现在,如果我将主DIV的z-index更改为高于“开始”屏幕的z-index,则可以访问所有链接,但“开始”屏幕在主DIV后面上下滑动,这没有用。

我不知所措。我不知道为什么当“开始”屏幕滑出视图时,为什么它会阻止链接工作。我相信我错过了一些明显的东西,我很欣赏任何一双眼睛的建议。谢谢。

1 个答案:

答案 0 :(得分:0)

开始屏幕div覆盖其余内容,以便看似通过链接的点击实际上在开始屏幕上,因此什么也不做。不知何故,起始div的底部区域是透明的,所以它覆盖了这些链接并使它们不可点击,即使你甚至看不到它。解决这个问题的最简单方法可能就是摆脱那个透明的部分。解决这个问题的最简单方法是摆脱透明的部分,它来自于id="enter_btn_wrapper"的div。 div当前设置为高度为500px,宽度为300px,这使得它在页面中间位于内容之上。它并不涵盖一切;注意你仍然可以点击页面较远的链接或远离一边的链接没有问题。

看到所有这个div所做的就是为你提供一个句柄来定位实际的div,按钮的背景为75px左右,你可以将它的高度设置为0px并且很好。