在CSS中，我們可以通過background屬性來設置元素的背景圖。但是，有的時候我們需要在同一個元素中插入兩張背景圖，這時該怎么做呢？接下來我們就來介紹一下如何在CSS中插入兩張背景圖。

首先，我們可以通過在一個元素中添加一個偽元素來實現(xiàn)插入第二張背景圖。具體操作如下：

.box {
background-image: url("image1.jpg");
position: relative; /* 設置元素為相對定位 */
}
.box::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute; /* 設置偽元素為絕對定位 */
top: 0;
left: 0;
background-image: url("image2.jpg");
opacity: 0.5; /* 設置第二張背景圖透明度 */
}

在上面的代碼中，我們首先給.box元素設置了第一張背景圖，并將其設置為相對定位。接著，我們添加一個偽元素，并將該偽元素的內容設為空，并將其設置為絕對定位，并將它覆蓋在.box元素之上。同時，我們給該偽元素設置了第二張背景圖，并設置了它的透明度為0.5。

這樣操作之后，我們就成功地在一個元素中插入了兩張背景圖。如果你需要添加更多的背景圖，只需要再添加多個偽元素即可。