2012-08-05 46 views
0

我需要将page1,page2和page3链接隐藏在#site div后面。现在他们不是。它必须是一些Z索引问题,但我没有使用z-indexes。Z-index与CSS的问题

所以#nav ul ul li应该出现在#site div后面。然后,当你将鼠标悬停在“父页面”上时,它将显示这些页面。

下面是该网站的演示:http://tempsmz.hostzi.com/

+0

你打算创建一个下拉菜单吗? – 2012-08-05 02:30:36

回答

0

为了使Z指数的工作,你应该总是添加位置:相对(或绝对或固定)。他还介绍说,你正在覆盖这些链接,但实际上已经有了一个透明的背景。尝试将它设置为白色,它们应该像你想要的那样消失。

+0

你是什么意思?我明白了,你现在可以看看这个问题吗? – Airman 2012-08-05 02:55:44

+0

你现在把你所有的位置设置为绝对。你为什么这么做?在之前的版本中,您只需添加position:relative和background-color:#fff到header div。在我发布我的答案之前,我已经在镀铬检查员工作... – Pevara 2012-08-05 03:07:00

+0

好的,我会尝试 - 对不起 – Airman 2012-08-05 03:18:51

1

z-index属性只适用于定位的元素(固定,绝对和相对)。尝试将position: relative;添加到元素,并应用所需的z-index,如1代表nav,2代表网站容器。

+0

谢谢rdcmk,工作过。简直不敢相信我忘了!我今晚有多深沉,整夜都在熬夜。无论如何解决现在引起的问题? – Airman 2012-08-05 02:53:20

+0

我想要得到的是父页面在页面顶部彼此相邻,如下所示:http://cl.ly/IWgu然后当用户通过子菜单悬停在父页面上时,它滑下来揭示子菜单/子页面 - 有意义吗? – Airman 2012-08-05 02:57:53

+0

它是有道理的。如果你遵循我的指示,或者PeterVR的,因为我先给出了答案,但他建议白色背景(不知道是否需要,因为我没有测试它,它的工作原因),你可以得到它的工作。 – rcdmk 2012-08-05 19:50:05