CSS背景圖重疊顯示是一種常見的效果，它可以讓網站頁面更加美觀和生動。本文將介紹如何使用CSS實現背景圖重疊顯示。

CSS中使用background-image屬性來設置背景圖，如果我們想要背景圖重疊顯示，就需要將多個背景圖都設置在同一元素上。

.element {
background-image: url("image1.jpg"), url("image2.jpg");
background-position: center center, top left;
background-repeat: no-repeat, repeat;
}

在上面的代碼中，我們為元素添加了兩個背景圖。第一個背景圖是image1.jpg，居中顯示，不重復。第二個背景圖是image2.jpg，頂部左側顯示，平鋪重復。

如果我們想要控制背景圖的疊放順序，可以使用z-index屬性。z-index的值越高，表示元素在圖層中的位置越上層。

.element1 {
background-image: url("image1.jpg");
z-index: 1;
}
.element2 {
background-image: url("image2.jpg");
z-index: 2;
}

在上面的代碼中，我們為兩個元素分別設置了不同的背景圖，同時也設置了z-index值。由于.element2的z-index值比.element1高，因此.element2的背景圖會顯示在.element1的背景圖上面。

總結起來，CSS背景圖重疊顯示可以讓我們實現更加多樣化的頁面效果，通過控制背景圖的位置、重復方式以及圖層疊放順序，可以實現豐富多彩的設計。同時，請注意保持代碼的簡潔性和可讀性，避免產生冗余代碼。