在網頁的布局設計中，我們經常用到兩層疊加的效果。CSS是一種定義樣式的語言，它為我們提供了實現兩層疊加的方法。

/* 定義一個父元素class為container */
.container {
position: relative;
}
/* 定義一個子元素class為inner */
.inner {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

首先，我們需要定義一個父元素，給它設置position:relative屬性。接著定義子元素，給它設置position:absolute屬性，這樣子元素會相對于父元素定位。我們還需要給子元素設置top:0和left:0，這樣它會定位在父元素的左上角。最后，我們給子元素設置z-index:1，這個屬性表示子元素在父元素中顯示的層級，可以根據需要設置。

下面是一個簡單的例子，演示了如何使用上述方法實現兩層疊加的效果：

<div class="container">
<img src="image.jpg" alt="圖片">
<div class="inner">
<p>這是一個文本</p>
</div>
</div>

在這個例子中，我們在父元素<div>中放置了一個<img>元素和一個子元素<div class="inner">。子元素中包含了一個<p>元素，用于顯示文本內容。我們給父元素設置了position:relative屬性，并在子元素中定義了position:absolute、top:0、left:0和z-index:1屬性，這樣<p>元素就會疊加在<img>元素之上。

這只是一個非常簡單的例子，實際上我們可以在兩個元素之間插入更多的層級，實現更復雜的效果。同時，我們還可以根據自己的需求，通過調整z-index屬性，改變元素的疊加順序。