CSS中可以使用position
屬性將圖片浮在上面,具體步驟如下:
1、將圖片的position
屬性設(shè)置為absolute
,使其脫離文檔流,并相對于***近的非靜態(tài)定位祖先元素進(jìn)行定位。
2、使用top
、right
、bottom
、left
屬性調(diào)整圖片的位置,使其浮現(xiàn)在所需位置。
將圖片浮在頁面的右上角,可以使用以下CSS代碼:
img { position: absolute; right: 0; top: 0; }
還可以使用z-index
屬性調(diào)整圖片的堆疊順序,使其位于其他元素之上,將圖片浮在另一個(gè)元素之上,可以使用以下CSS代碼:
img { position: absolute; z-index: 1; } div { position: relative; z-index: 0; }
在上面的代碼中,圖片位于div
元素之上,因?yàn)閳D片的z-index
值大于div
元素的z-index
值。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。