CSS背景定位是CSS中一個非常實用的功能，可以讓我們在網頁中定位平鋪背景圖像，今天就讓我們從優酷視頻網站的UI中學習使用CSS背景定位。

/* 定義一個包含兩個類的元素，分別為cover和bg */
.cover .bg {
background: url('../images/bg.png') no-repeat center center/cover;
}
/* 定義包含一個類的元素，類名為bg，背景圖像平鋪 */
.bg {
background: url('../images/bg.png') repeat;
}

上面的代碼中，我們可以看到最常用的背景定位是通過background屬性實現的。其中，background-image用來定義背景圖像，而background-size和background-position則決定了背景圖像的大小以及位置。

在上述代碼中，類.cover .bg設置為居中平鋪的背景圖像，而類.bg則設置為簡單的平鋪背景。

通過CSS背景定位，我們可以在網站中使用圖像來增強用戶體驗，同時也可以根據不同的需求進行不同的優化。除此之外，CSS背景定位還可以降低網站的加載時間，提高網站的質量和效率。