2012-08-05 29 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