CSS中,可以使用position屬性來讓兩個元素疊加,具體步驟如下:
1、給兩個元素都設(shè)置position屬性為absolute或relative。
2、給上層元素設(shè)置top、right、bottom、left等屬性,使其移動到下層元素的上方、右側(cè)、下方或左側(cè)。
3、給下層元素設(shè)置z-index屬性,使其在下層元素的上方顯示。
假設(shè)有兩個div元素,分別命名為div1和div2,要將div2疊加到div1的上方,可以這樣寫CSS代碼:
div1 { position: relative; } div2 { position: absolute; top: 0; left: 0; }
這樣,div2就會疊加到div1的上方,注意,如果兩個元素都沒有設(shè)置z-index屬性,那么后出現(xiàn)的元素會覆蓋先出現(xiàn)的元素,如果給div1設(shè)置z-index屬性,如div1 { z-index: 1; }
,那么div1就會在下方顯示,而div2會在上方顯示。