CSS圖片背景是透明的,是指所設置的圖片背景可以讓背景透過來顯示其他內容。這種效果在網頁設計中非常常見,讓網頁更加美觀、有層次感。
background: url(bg.png) transparent;
要設置一個透明的背景圖片,需要在CSS代碼中使用background屬性,并給圖片URL設置一個透明度。方法是在URL后面加上“transparent”,這樣就可以讓背景圖片變為透明。此外,還可以在URL后面添加透明度數值,取值范圍從0到1,0表示完全透明,1表示完全不透明。
background: rgba(255, 255, 255, 0.5) url(bg.png);
除了使用透明度來設置背景圖片以外,還可以使用CSS3中的RGBA顏色值。此時需要在URL前先使用RGBA顏色值,再加上圖片URL。RGBA顏色值的最后一個參數表示透明度,還是取值范圍從0到1。
總之,CSS圖片背景透明的設置方法還是比較簡單的,只需要掌握好透明度的調節,就可以實現各種各樣的網頁背景效果了。
上一篇css圖片獲取工具下載
下一篇ajax口腔教學模擬系統