CSS設置背景圖片透明的方法
在CSS中,我們可以使用opacity
屬性來設置背景圖片的透明度,以下是一些示例代碼:
1、設置背景圖片為半透明的黑色:
body { background-image: url('image.png'); background-color: rgba(0, 0, 0, 0.5); /* 半透明的黑色背景 */ }
2、設置背景圖片為不透明的白色:
body { background-image: url('image.png'); background-color: white; /* 不透明的白色背景 */ }
3、設置背景圖片為透明的白色:
body { background-image: url('image.png'); background-color: rgba(255, 255, 255, 0); /* 透明的白色背景 */ }
rgba
顏色值中的***后一個值表示透明度,范圍是0到1,其中0表示完全透明,1表示完全不透明,您可以根據需要調整透明度值。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。