CSS中可以使用position屬性來讓兩個(gè)元素重疊,具體步驟如下:
1、給兩個(gè)元素都設(shè)置position屬性為absolute或relative。
2、給上層元素設(shè)置top、left等屬性,使其移動(dòng)到下層元素的上方或左側(cè)。
3、給下層元素設(shè)置z-index屬性,使其在下層元素的下方或右側(cè)顯示。
假設(shè)有兩個(gè)div元素,分別命名為div1和div2,我們可以這樣設(shè)置CSS:
div1 { position: absolute; top: 0; left: 0; } div2 { position: absolute; top: 0; left: 0; z-index: -1; }
這樣,div1就會(huì)覆蓋在div2的上方,注意,z-index屬性可以調(diào)整元素的堆疊順序,數(shù)值越大表示越在上層,也可以給元素設(shè)置width和height屬性,使其更好地適應(yīng)頁面布局。