CSS中的background-image屬性可以讓我們設置一個元素的背景圖片。我們可能需要使用同一張或多張圖片作為多個元素的背景圖片，但是如果多個元素都使用相同的背景圖片，這樣的做法會帶來性能問題和重復加載的問題。在這種情況下，不重復使用圖片是非常重要的。

下面是一種實現不重復圖片的方法，我們可以使用CSS的background屬性來達到這一目的。我們可以先定義一個類，然后在多個元素中使用這個類，這些元素就可以共享一個背景圖片，從而避免了多個相同的背景圖片的加載：

.repeat-bg {
background: url('background.png') no-repeat;
}

我們也可以給元素使用不同的背景圖片，并保證每個圖片只被加載一次。如果我們使用了多個不同的背景圖片作為多個元素的背景圖片，我們可以使用CSS的偽元素來使這些圖片只被加載一次:

.bg1 {
background: url('image1.png') no-repeat;
}
.bg2 {
background: url('image2.png') no-repeat;
}
.bg3 {
background: url('image3.png') no-repeat;
}
.bg4 {
background: url('image4.png') no-repeat;
}
.bg1:before, .bg2:before, .bg3:before, .bg4:before {
content: url('image1.png') url('image2.png') url('image3.png') url('image4.png');
display: none;
}

在這個例子中，我們定義了四個不同的元素，每個元素都有一個不同的背景圖片。我們使用:before偽元素來加載這些圖片，并且給它們設置display:none屬性來隱藏它們。這樣，我們就可以在不重復加載圖片的情況下，在多個元素中使用這些圖片作為背景。