html導(dǎo)航欄下拉菜單 網(wǎng)頁(yè)下拉式菜單不顯示?
網(wǎng)頁(yè)下拉式菜單不顯示?因?yàn)槟摹皩?dǎo)航欄”區(qū)域和“內(nèi)容”區(qū)域是絕對(duì)定位的,并且默認(rèn)情況下后排的Z索引會(huì)高于前排,所以“內(nèi)容”區(qū)域會(huì)覆蓋“導(dǎo)航欄”的下拉區(qū)域。只需將Z-index屬性分別添加到這兩個(gè)區(qū)域,
網(wǎng)頁(yè)下拉式菜單不顯示?
因?yàn)槟摹皩?dǎo)航欄”區(qū)域和“內(nèi)容”區(qū)域是絕對(duì)定位的,并且默認(rèn)情況下后排的Z索引會(huì)高于前排,所以“內(nèi)容”區(qū)域會(huì)覆蓋“導(dǎo)航欄”的下拉區(qū)域。只需將Z-index屬性分別添加到這兩個(gè)區(qū)域,后排的值將小于前排的值。另外,考慮到瀏覽器的兼容性,下拉菜單不能用Li的hover偽類實(shí)現(xiàn),需要用JS實(shí)現(xiàn)。
為什么我的html導(dǎo)航下拉菜單會(huì)被下面的網(wǎng)頁(yè)內(nèi)容擋???
由于未設(shè)置Z-index屬性,用法:Z-索引:9999數(shù)字越大,用于設(shè)置元素堆疊順序的Z索引屬性就越高。具有較高堆疊順序的元件總是位于具有較低堆疊順序的元件的前面。注意:元素可以有負(fù)的Z索引屬性值。注:Z-index僅適用于定位元素(例如位置:絕對(duì))