CSS圖片重疊指的是在網頁布局中，多張圖片覆蓋在一起，導致顯示不正常的問題。

造成CSS圖片重疊的原因有很多，以下列舉了幾個常見的情況：

1. z-index值不同
在同一層級的元素中，z-index值高的元素會顯示在更上層，如果圖片重疊時，z-index值設置不當，就會出現奇怪的重疊情況。

2. position屬性設置不同
如果設置的多張圖片沒有明確的定位屬性（比如relative、absolute或fixed），那么它們在頁面中的位置可能會出現偏差，導致重疊。

3. 尺寸屬性不對
如果多張圖片的尺寸不對，也有可能出現重疊情況，比如兩張寬度相同但是高度不同的圖片放在一起時，高度較矮的圖片就會被完全遮蓋。

為了解決CSS圖片重疊的問題，我們可以采取以下措施：

1. 調整z-index值
在多張圖片重疊的情況下，首先要檢查每個元素的z-index值，確保它們的順序合理。

2. 設定position屬性

在需要定位的元素中，必須給出明確的定位方式。常見的有relative、absolute和fixed三種。relative是相對當前元素的定位，absolute是相對于最近的已定位父元素定位，fixed則是相對于視窗定位。

3. 設置尺寸屬性

在需要放置在同一個區域的圖片中，最好將尺寸統一或進行適當的調整。

總之，解決CSS圖片重疊問題要碰到具體情況具體分析，從z-index值、position屬性和尺寸屬性等方面入手，確保網頁達到最佳的布局效果。