css怎麼實現兩張圖片疊加在一起

css實現兩張圖片疊加在一起的方法：可以通過給left和top分別設定div距離頁面左邊緣的距離和距離頁面上邊緣的距離來實現。需要注意的是兩張圖片都要設定position:absolute屬性。

環境：

本文適用於所有品牌的電腦。

（學習視訊分享：）

通過left和top分別設定div距離頁面左邊緣的距離和距離頁面上邊緣的位置，實現兩個圖片疊加。

具體方法如下所示：

新建一個html檔案，命名為test.html。

在test.html檔案內，新建兩個div，一個是class屬性為aa的div，另一個是class屬性為bb的div。

在test.html檔案內，在兩個div內分別加上一個圖片標籤img，並且寫上兩個圖片的路徑。

在test.html檔案內，使用css對兩個div的樣式進行定義，分別設定其position屬性為absolute，即兩張圖片在頁面的位置是絕對定位。

在test.html檔案內，使用z-index設定兩張圖片的疊加的順序，設定1.jpg在下面，2.jpg在上面。

在test.html檔案內，通過left和top分別設定div距離頁面左邊緣的距離和距離頁面上邊緣的位置，實現兩個圖片疊加。