CSS3提供了很多新的特性,其中一個非常有用的特性就是可以使用CSS3對div元素進行疊加。具體來說,我們可以通過使用CSS3中的position屬性和z-index屬性來實現這一點。
div { position: relative; z-index: 1; } div + div { position: absolute; left: 0; top: 0; z-index: 2; }
在上面的代碼中,我們首先將div元素的position屬性設為relative。這意味著該元素的位置將按照正常文檔流進行布局。接下來,我們將z-index屬性設為1,這意味著該元素的z軸位置在其他元素的前面。
接下來,我們使用了“div + div”選擇器,這將選擇在同一級別下的下一個div元素。我們將該元素的position屬性設為absolute,并將left和top屬性設置為0,以確保它緊貼在第一個div元素的上方。最后,我們將z-index屬性設置為2,這意味著該元素的z軸位置將在第一個div元素的前面。
通過這種方式,我們可以使用CSS3輕松地在網頁上實現疊加效果。這可以用于創建各種效果,例如圖像覆蓋、陰影等等。