CSS層在上面是Web設計中常用的一種布局方式。它的基本原理是利用CSS的z-index屬性，來設置層的疊放順序，從而實現重疊效果。以下是一個簡單的示例：

<div class="layer1">
<p>這是第一層</p>
</div>
<div class="layer2">
<p>這是第二層</p>
</div>
<div class="layer3">
<p>這是第三層</p>
</div>

在上面的代碼中，我們創建了三個不同的層：layer1、layer2和layer3。其中，layer1在最底層，layer3在最頂層。通過設置各自的z-index值，我們實現了重疊的效果。

需要注意的是，在使用CSS層疊時，需要特別注意各層的定位方式。由于各個層是通過absolute定位來實現的，因此它們的位置和大小都必須通過CSS進行準確的控制。同時，還需要注意避免出現z-index值相同的情況，以保證層的疊放順序正確。