CSS可以控制網頁中各個元素的位置和樣式,其中包括圖片。在有些情況下,我們需要在網頁中使用一張固定位置的圖片,不隨著頁面滾動而移動,這時我們可以通過CSS進行設置。
img { position: fixed; top: 100px; left: 100px; }
在上述代碼中,position: fixed;
屬性將圖片的位置固定在網頁中,不受頁面滾動的影響。接著,我們通過top: 100px;
和left: 100px;
屬性指定了圖片在網頁中左上角的坐標為(100,100),即圖片距離左側和頂部的距離各為100像素。
需要注意的是,固定位置的圖片可能會遮擋其他元素,影響頁面的布局和美觀。在設置圖片固定位置時,應該合理選擇其所在區域,避免影響其他元素的顯示。