在CSS中,您可以使用background-image
屬性在背景圖片上疊加圖片,這個屬性允許您指定多個圖片,這些圖片會按照指定的順序疊加在一起。
下面是一個示例,展示如何在背景圖片上疊加圖片:
body { background-image: url('background.jpg'), url('overlay.png'); background-position: center, center; background-repeat: no-repeat, no-repeat; }
在這個示例中:
background.jpg
是背景圖片,而overlay.png
是疊加在背景圖片上的圖片。
background-position: center, center;
確保兩張圖片都居中顯示。
background-repeat: no-repeat, no-repeat;
確保兩張圖片都不重復(fù)。
您可以根據(jù)需要調(diào)整這些值,以達(dá)到不同的效果,如果您希望背景圖片重復(fù),可以將no-repeat
改為repeat
。
這種方法僅適用于CSS3支持的環(huán)境,在不支持CSS3的環(huán)境中,您可能需要使用其他方法來實(shí)現(xiàn)圖片疊加的效果。