CSS的background-image屬性是用來設(shè)置元素的背景圖片的。在某些情況下，我們可能只想顯示圖片的一部分，這時我們可以使用background-position屬性。

background-position屬性用于設(shè)置背景圖片的位置，它接受兩個值：水平位置和垂直位置。可以使用關(guān)鍵字（如left、center、right、top、center、bottom），也可以使用百分比或像素值。如果只設(shè)置一個值，那么另一個值默認為center。

.demo {
width: 200px;
height: 200px;
background-image: url('image.jpg');
background-position: -50px -50px; /* 水平偏移量為-50px，垂直偏移量為-50px */
}

上面的代碼中，我們設(shè)置了一個寬度和高度均為200px的元素，并將其背景圖片設(shè)置為image.jpg。同時，我們使用background-position屬性將圖片向左和向上偏移50px，這樣就只顯示圖片的一部分。

如果不使用負值，而是使用正值，則會將圖片向右或向下偏移，從而顯示另一部分。

.demo {
width: 200px;
height: 200px;
background-image: url('image.jpg');
background-position: 50px 50px; /* 水平偏移量為50px，垂直偏移量為50px */
}

上面的代碼中，我們將圖片向右和向下偏移50px，就只顯示了圖片的另一部分。

需要注意的是，使用background-position屬性只會影響背景圖片的位置，而不會影響元素的位置。這意味著，即使我們只顯示了圖片的一部分，元素的大小還是原來的大小，對元素的布局和定位沒有影響。