CSS可以同時(shí)顯示兩個(gè)圖片的方法

在CSS中，我們可以使用position屬性來(lái)將兩個(gè)圖片疊加在一起，實(shí)現(xiàn)同時(shí)顯示的效果，具體步驟如下：

1、在HTML中插入兩個(gè)圖片元素，分別設(shè)置它們的id屬性，以便在CSS中進(jìn)行定位。

2、在CSS中設(shè)置***個(gè)圖片的position屬性為absolute，并設(shè)置其top、left屬性，使其位于所需位置。

3、設(shè)置第二個(gè)圖片的position屬性為absolute，并設(shè)置其top、left屬性，使其位于***個(gè)圖片的下方或右側(cè)。

4、使用z-index屬性來(lái)調(diào)整圖片的疊加順序。

以下是一個(gè)示例代碼：

HTML代碼：

<div>
  <img id="image1" src="image1.png" />
  <img id="image2" src="image2.png" />
</div>

CSS代碼：

#image1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#image2 {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 2;
}

在上面的示例中，#image1將位于***上層，而#image2將位于下層，你可以根據(jù)需要調(diào)整top、left屬性來(lái)定位圖片。