泛舟湖上清波郎朗
2023-03-03 16:02:33
我的頁(yè)眉具有屬性“位置:固定”,但是,正文中的某些圖像具有屬性“過(guò)濾器:灰度(100%)”,當(dāng)我滾動(dòng)頁(yè)面時(shí),圖像顯示在我的頁(yè)眉前面。HTML:<header><header><img><img><img>CSS:header{ position: fixed;}img{ filter: grayscale(100%);}我怎樣才能把它們放在我的標(biāo)題后面?
4 回答

郎朗坤
TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊
你有沒(méi)有嘗試過(guò)
header {
z-index: 1;
position: fixed;
}
如果您有其他設(shè)置了 z-index 的元素,則需要按順序管理它們。

慕尼黑的夜晚無(wú)繁華
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊
嘗試這個(gè)
header{
position: sticky;
top: 0;
}
HTML 結(jié)構(gòu)在使用 position:sticky 時(shí)很重要,因?yàn)樗乖叵鄬?duì)于父元素具有粘性。并且粘性定位可能不適用于在父元素中粘性的單個(gè)元素。
添加回答
舉報(bào)
0/150
提交
取消