在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)整這些值,以達到不同的效果,如果您希望背景圖片重復(fù),可以將no-repeat
改為repeat
。
這種方法僅適用于CSS3及更高版本,在舊版本的CSS中,可能需要使用其他方法來實現(xiàn)圖片疊加。