堆疊CSS是一種CSS樣式排版技術，它能夠讓網頁中的元素逐層疊加，從而實現更加豐富的視覺效果。堆疊CSS的使用非常廣泛，可以用于展示圖片、文本和其他元素等等。

img {
position: absolute;
top: 50px;
left: 100px;
z-index: 5;
}
p {
position: absolute;
top: 100px;
left: 150px;
z-index: 1;
}
div {
position: absolute;
top: 200px;
left: 200px;
z-index: 3;
}

在堆疊CSS中，z-index屬性被用于控制元素的層次關系。z-index屬性的值越大，相應的元素就會越靠近頁面的前面。因此，元素的z-index值越高，就會越容易被其他元素遮蓋掉。

在上面的代碼中，img、p和div標簽都具有position:absolute屬性。此外，它們還分別具有不同的top、left和z-index屬性值。這些屬性的組合使用，使得img元素出現在最前面，p元素在img元素后面，而div元素則在p元素前面。

堆疊CSS是一種較為簡單的效果，但卻能夠為網頁注入更加生動、富有層次感的視覺效果。如果您需要在網頁中添加堆疊效果，只要在相關元素中設置position、top、left和z-index屬性即可。