最近在搞網(wǎng)站,關(guān)于下拉菜單欄项秉,pc端顯示正常所禀,手機(jī)端被父級(jí)遮擋的情況:
往上數(shù)每個(gè)父級(jí)元素都要設(shè)置z-index竞漾;
下拉菜單欄z-index值要比父級(jí)高。
設(shè)置完成后合冀,發(fā)現(xiàn)再次被遮擋各薇,原因是,同一級(jí)別的父級(jí)元素z-index值設(shè)置成了相同的值君躺,相當(dāng)于沒(méi)有設(shè)置峭判。
因此面對(duì)在pc端顯示為同一行,手機(jī)端顯示為一豎行的幾個(gè)塊級(jí)元素棕叫,下邊的塊級(jí)元素會(huì)擋住上邊塊級(jí)元素的下拉欄的情況林螃,應(yīng)將幾個(gè)塊級(jí)元素的z-index值遞減,即可解決問(wèn)題俺泣。