CSS中,我們可以使用position屬性來設(shè)置圖片的位置,并且可以通過relative、absolute、fixed等關(guān)鍵詞來固定圖片的位置,使其不隨窗口滾動(dòng)。
我們可以將圖片設(shè)置為相對(duì)定位(relative),這樣圖片就可以根據(jù)周圍的元素來定位,并且不會(huì)隨窗口滾動(dòng)。
img { position: relative; left: 50px; top: 10px; }
在這個(gè)例子中,圖片將會(huì)相對(duì)于其***近的相對(duì)定位(relative)祖先元素進(jìn)行定位,并且不會(huì)隨窗口滾動(dòng)。
我們還可以使用***定位(absolute)來將圖片固定在某個(gè)位置,并且不隨窗口滾動(dòng)。
img { position: absolute; left: 50px; top: 10px; }
在這個(gè)例子中,圖片將會(huì)固定在距離頁(yè)面左上角50px、10px的位置,并且不隨窗口滾動(dòng)。
我們還可以使用固定定位(fixed)來將圖片固定在某個(gè)位置,并且不隨窗口滾動(dòng)。
img { position: fixed; left: 50px; top: 10px; }
在這個(gè)例子中,圖片將會(huì)固定在距離頁(yè)面左上角50px、10px的位置,并且不隨窗口滾動(dòng),無論頁(yè)面如何滾動(dòng),圖片都會(huì)保持在同一個(gè)位置。
CSS提供了多種方法來設(shè)置圖片的位置,并且可以通過關(guān)鍵詞來固定圖片的位置,使其不隨窗口滾動(dòng)。