CSS可以通過background-image屬性來加載背景圖，但是對于需要加載多張背景圖的情況，我們要如何實現呢？以下是一些實現方法。

方法一：使用多個background-image

.element {
background-image: url(bg1.jpg), 
url(bg2.jpg), 
url(bg3.jpg);
background-repeat: no-repeat;
background-position: top left, 
bottom right, 
center center;
}

通過background-image屬性來加載多張背景圖，并使用逗號分隔。其中每個圖片的位置和重復屬性可以通過background-position和background-repeat修改。

方法二：使用CSS3多重背景

.element {
background-image: url(bg1.jpg);
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
background-origin: border-box;
background-clip: content-box;
background-color: #000;
/* 第二張背景 */
background-image: url(bg2.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

CSS3提供了多重背景的功能。我們可以通過多次添加background-image屬性來實現。需要注意的是，每次添加的屬性會覆蓋前面的屬性，因此需要重新設置位置等屬性。

方法三：使用偽類

.element {
position: relative;
}
.element:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(bg1.jpg);
opacity: 0.5;
}
.element:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2;
background-image: url(bg2.jpg);
opacity: 0.5;
}

我們可以使用偽類來創建多重背景，使用不同的圖層透明度和位置。需要借助z-index屬性來進行圖層疊放。

通過以上三種方法，我們可以實現在同一個元素中加載多張背景圖，選擇適合自己的方法進行實現即可。