CSS 圖片疊加顯示是一種很常見的效果，比如我們在網頁制作中常常會用到它來展示圖片遮罩效果，這種效果在設計網站時非常實用，可以讓頁面看上去更加美觀。

實現 CSS 圖片疊加顯示非常簡單，我們只需要使用CSS的position屬性將遮罩層和圖片顯示在一起。結合使用opacity屬性，可以實現不同的疊加效果。

.container {
position: relative;
width: 300px;
height: 200px;
}
.img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.cover {
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0.7; /* 可以通過改變opacity的值來調整遮罩層的透明度 */
}

在上面的代碼中，我們定義了一個容器元素container和兩個子元素，分別是圖片img和遮罩層cover。通過設置它們的position屬性以及z-index屬性，我們讓圖片和遮罩層可以疊加在一起。

同時，我們也可以通過改變遮罩層cover的opacity屬性的值來調整它的透明度，使其更加美觀。這將為網頁制作帶來更多的自由度和創造力。

總之，CSS 圖片疊加顯示是一種非常實用的效果，可以為我們的網頁制作帶來更加美觀的效果。在進行網頁布局時，我們可以嘗試使用這種方法來增強網頁的視覺效果，讓頁面更加生動。