CSS坐標固定圖片位置 在網頁設計中，常常需要添加圖片來豐富頁面內容。但有時候我們希望圖片的位置固定不動，比如背景圖片或者網站logo。這時候就需要使用CSS坐標固定圖片位置的方法。 CSS坐標固定圖片位置的方法主要有兩種，分別是使用position屬性和使用background屬性。 使用position屬性 position屬性用來設置元素的定位方式，有三個值可選：static、relative和absolute。其中relative和absolute可以用來實現坐標固定圖片位置的效果。 1. 將圖片元素的position屬性設置為relative，并設置top和left屬性值，就可以使圖片相對于原本應該在的位置向右下方偏移一定距離，比如： ```

圖片在原位置偏移50像素：

2. 如果要讓圖片完全固定在某個位置，可以將其position屬性設置為absolute，并設置top和left屬性值，同時還要給圖片的父元素設置position屬性值為relative，這樣父元素就成為了圖片的參考系，比如： ```

圖片完全固定在左上角：

使用background屬性 如果我們想要將圖片作為網頁的背景圖，又希望其位置固定不動，就可以使用background屬性來實現。通過設置background-attachment屬性值為fixed，使背景圖不隨滾動條移動，同時可以設置background-position屬性來控制其位置，比如： ```

將圖片設為網頁背景，并固定在左上角：

總結 使用position屬性和background屬性可以實現CSS坐標固定圖片位置的效果。position屬性用于單個元素的定位，而background屬性用于將圖片作為背景。根據頁面需求選擇不同的方法即可。