在CSS中,您可以使用position: fixed
屬性將圖片固定在頁面的某個位置,并設(shè)置top
、right
、bottom
和left
屬性來控制圖片與頁面邊緣的距離,以下是一個簡單的示例,展示如何在CSS中設(shè)置圖片懸浮顯示:
.image-container { position: fixed; top: 50px; right: 50px; width: 200px; height: 200px; border: 1px solid #000; background-image: url('your-image-url-here'); background-repeat: no-repeat; background-position: center; }
在這個示例中,圖片被固定在了頁面的右上角,距離頁面邊緣50像素,圖片的寬度和高度都設(shè)置為200像素,邊框設(shè)置為1像素的黑色實線,背景圖片設(shè)置為your-image-url-here
,并且背景圖片不會重復(fù),位置居中。
您可以將上述CSS代碼添加到您的樣式表中,并將your-image-url-here
替換為您要顯示的圖片的實際URL,這樣,當(dāng)頁面滾動時,圖片將始終保持在頁面的右上角,距離頁面邊緣50像素的位置。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。