CSS中可以使用opacity
屬性來控制背景圖的透明度,以下是一些示例代碼:
1、設(shè)置背景圖透明度為0.5:
body { background-image: url('image.jpg'); background-repeat: no-repeat; background-size: cover; opacity: 0.5; }
2、設(shè)置背景圖透明度為0.8:
body { background-image: url('image.jpg'); background-repeat: no-repeat; background-size: cover; opacity: 0.8; }
3、設(shè)置背景圖透明度為0.3:
body { background-image: url('image.jpg'); background-repeat: no-repeat; background-size: cover; opacity: 0.3; }
opacity
屬性會影響整個元素的透明度,包括背景圖和前景內(nèi)容,如果需要只改變背景圖的透明度,而不影響前景內(nèi)容,可以使用其他CSS技巧來實現(xiàn)。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。