CSS3背景固定是使用CSS將背景圖片或背景色固定在頁面上的一種技術。背景固定可以幫助我們更好地實現頁面布局和視覺效果，使得頁面更加美觀和整潔。

背景固定可以通過以下兩種方式實現：

1. 絕對定位

使用絕對定位可以將背景圖片或背景色固定在頁面的某一部分。例如，可以使用`position: absolute`屬性將背景圖片或背景色定位在頁面的中心或底部。可以通過設置`top`和`bottom`屬性來固定背景圖片或背景色的位置。

示例代碼：

body {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

在上面的代碼中，`body`元素被設置為絕對定位，并且使用`top`和`left`屬性來固定它的位置。通過調整這些屬性，可以設置背景圖片或背景色在頁面不同位置的位置。

2. 偽元素

使用偽元素可以將背景圖片或背景色固定在某個頁面元素上。例如，可以使用`position: relative`屬性將背景圖片或背景色定位在頁面的某一部分，然后使用`position: absolute`屬性將其固定在某個元素上。

示例代碼：

<div style="position: relative;">

</div>

<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">

<p>固定在這里的文字</p>

</div>

在上面的代碼中，`<div>`元素被設置為偽元素，并且使用`position: relative`屬性將其定位在頁面的某一部分。然后，使用`position: absolute`屬性將背景圖片或背景色定位在`<div>`元素上，并通過設置`top`和`left`屬性來固定背景圖片或背景色的位置。

通過使用這些方法，我們可以輕松地將背景圖片或背景色固定到頁面上。需要注意的是，使用背景固定時，需要考慮到背景圖片的大小和分辨率，以及背景色的兼容性問題。