使用rgba()
- 背景無圖片,只是設(shè)置背景顏色的透明度
body{
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
}
- 背景有圖片
使用<code>background: rgba(255,255,255,0.8);</code>時(shí),rgba中的a只對(duì)背景顏色起作用,不對(duì)圖片起作用凝颇,所以我們就想出了在背景前加上一個(gè)div,是這個(gè)div覆蓋整個(gè)背景,然后設(shè)置此div的透明度就可以達(dá)到圖片的透明度而不讓文字透明牢裳。
width: 100%;
height: 100%;
margin: 0;
}
body{
text-align: center;
background: url(tulip_ballade_s.jpg) ;
}
#a{
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
}````