CSS中,我們可以使用position屬性將圖片固定在某個位置,使其不隨窗口滾動。
我們需要將圖片的position屬性設(shè)置為“fixed”,這樣圖片就會被固定在瀏覽器窗口中,不會隨窗口滾動。
img { position: fixed; top: 0; left: 0; }
上述代碼將圖片固定在窗口的左上角,圖片不會隨窗口滾動,我們也可以將其設(shè)置為其他位置,如右上角、左下角等。
我們還可以使用z-index屬性來調(diào)整圖片的層級關(guān)系,確保圖片始終顯示在頁面的***上層。
img { position: fixed; top: 0; left: 0; z-index: 999; }
上述代碼中,z-index屬性將圖片的層級設(shè)置為999,這樣圖片就會始終顯示在頁面的***上層,不會被其他元素遮擋。
需要注意的是,雖然使用position: fixed可以將圖片固定在某個位置,但是這樣會導(dǎo)致圖片無法響應(yīng)頁面的其他元素,因此在使用時需要謹(jǐn)慎考慮。