CSS中的background-size屬性是用來控制背景圖片的大小的，而background-repeat屬性則控制該圖片在背景中的重復(fù)方式。當(dāng)我們想要讓圖片鋪滿整個背景時，可以設(shè)置background-size為100% 100%。然而，有時候我們希望圖片只占背景的一部分而不是全部，該怎么辦呢？

首先，應(yīng)該避免使用background-size來修飾圖片大小。取而代之的是，應(yīng)該將圖片作為一個元素來插入。然后再用CSS來控制圖片的樣式。

.img-container {
width: 300px;
height: 150px;
overflow: hidden;
position: relative;
}
.img-container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
height: auto;
}

在這個例子中，我們先創(chuàng)建一個元素容器，并設(shè)置了容器的寬度和高度。接著，我們將容器的溢出設(shè)置為hidden，這樣圖片就不會超出容器的范圍了。同時，我們給圖片設(shè)置了一個最大寬度，使得圖片在縮小時不會變形。

最后，通過position和transform屬性來將圖片居中顯示，并且不會填滿整個容器。在這個例子中，我們使用了translate來設(shè)置元素的定位位置。

總之，如果你想要控制圖片在背景中的大小和位置，不要使用background-size和background-position屬性，而應(yīng)該將圖片作為一個元素來插入，并使用CSS來控制其樣式。