cssz-index怎么設(shè)置都無效，底層li老是被上一層遮住，附源代碼_html/css_WEB-ITnose

鼠標移至“發(fā)布年月”時出現(xiàn)了96年到2013年，隨便移至哪個年份上都能出現(xiàn)1-12個月的li，
如上圖所示，現(xiàn)在移至年份時出現(xiàn)的月份li會被下一層的遮住，設(shè)置了z-index以及相應(yīng)層的position屬性，還是不行。

#navigation {z-index:10;position:relative;}
#navigation li {z-index:20;position:relative;background:blue;}
#navigation li ul{z-index:30;}
#navigation li ul li{z-index:40;position:relative;background:red;}
#navigation li ul li ul{z-index:255;position:absolute;}
#navigation li ul li ul li{background:#def2db;z-index:300;position:relative;background:green;}
#navigation li ul li ul li a{z-index:350;position:relative;}
==============
這是部份的CSS代碼，具體的測試文件在附件中，各位能否幫忙看下是什么原因造成的，找了一早上還是沒找到原因。謝謝各位
點擊下載

回復(fù)討論(解決方案)

這個沒啥奇怪的
是一個父子關(guān)系的問題，

也可以說是你結(jié)構(gòu)上寫的有點問題，需要重新調(diào)整下結(jié)構(gòu)

你不外乎就是想做橫向的三級下拉菜單
你首先要弄明白他們上下關(guān)系（覆蓋關(guān)系）方可去做吧

我想我已經(jīng)弄清了它們的上下級關(guān)系，所以用下面的代碼來設(shè)置相應(yīng)的z-index數(shù)值
#navigation {z-index:10;position:relative;}
#navigation li {z-index:20;position:relative;background:blue;}
#navigation li ul{z-index:30;}
#navigation li ul li{z-index:40;position:relative;background:red;}
#navigation li ul li ul{z-index:255;position:absolute;}
#navigation li ul li ul li{background:#def2db;z-index:300;position:relative;background:green;}
#navigation li ul li ul li a{z-index:350;position:relative;}
可還是不能按我想象的效果來顯示，不知是哪里出了問題。

問題已解決，來接分了。

接分，請說明下是什么問題，咋解決的啊

我來接分了。

這個可以用相對加絕對來做，第一層用相對定位，第二層用絕對，

我來接分了。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com