CSS中可以使用position
和opacity
屬性來實現(xiàn)兩張圖片的透明疊加,具體步驟如下:
1、在HTML中插入兩張圖片,分別設(shè)置它們的id為image1
和image2
。
2、在CSS中設(shè)置position
屬性,使兩張圖片疊加在一起。
#image1 { position: absolute; top: 0; left: 0; } #image2 { position: absolute; top: 0; left: 0; }
3、設(shè)置opacity
屬性,使兩張圖片都有透明度。
#image1 { opacity: 0.5; } #image2 { opacity: 0.5; }
這樣,兩張圖片就會以半透明的形式疊加在一起,你可以根據(jù)需要調(diào)整opacity
值,以改變疊加的透明度。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。