CSS背景圖定位拼接是一種常用的技巧，通過它可以實現設計中很多復雜的背景效果。下面，我們將介紹這種技巧的使用方法。

首先，我們需要了解CSS中的position屬性。position屬性共有四種取值，分別是static、relative、absolute和fixed。其中，relative、absolute和fixed都是通過top、right、bottom、left四個屬性進行定位的，而static則不支持定位。

/* 使用相對定位 */
.position-relative {
position: relative;
top: 20px;
}
/* 使用絕對定位 */
.position-absolute {
position: absolute;
top: 20px;
left: 20px;
}
/* 使用固定定位 */
.position-fixed {
position: fixed;
top: 20px;
left: 20px;
}

接下來，我們來看一下如何使用這種技巧進行背景拼接。我們首先需要準備好各個背景圖，并將它們定位在相應的位置上。然后，將容器元素設置為position:relative，并將背景圖設置為position:absolute。最后，通過top、right、bottom、left四個屬性調整背景圖的位置即可完成拼接。

/* HTML代碼 */
<div class="background-image"></div>
/* CSS代碼 */
.background-image {
position: relative;
width: 500px;
height: 500px;
background-image: url(bg1.jpg), url(bg2.jpg);
background-position: top left, bottom right;
background-repeat: no-repeat;
}
.background-image::before {
content: "";
position: absolute;
top: 20px;
right: 20px;
width: 200px;
height: 200px;
background-image: url(icon.png);
background-repeat: no-repeat;
}
.background-image::after {
content: "";
position: absolute;
bottom: 20px;
left: 20px;
width: 200px;
height: 200px;
background-image: url(icon.png);
background-repeat: no-repeat;
}

上面的代碼中，我們創建了一個容器元素，并將它的背景圖設置為bg1.jpg和bg2.jpg，分別位于容器元素的左上角和右下角。同時，我們還通過偽元素::before和::after在容器元素中添加了兩個背景圖icon.png，并將它們分別定位在容器元素的右上角和左下角。

總之，CSS背景圖定位拼接是一種非常有用的技巧，可以為設計帶來更多的可能性。掌握了這種技巧，我們就可以輕松地實現復雜的背景效果，從而達到更好的設計效果。