使用css3背景漸變中的透明度來設(shè)置不同顏色的背景漸變
為了添加透明度,我們使用 rgba() 函數(shù)來定義顏色結(jié)點(diǎn)呻征。rgba() 函數(shù)中的最后一個(gè)參數(shù)可以是從 0 到 1 的值,它定義了顏色的透明度:0 表示完全透明罢浇,1 表示完全不透明陆赋。rgba()后面的百分比表示位置。
具體代碼:
background: -webkit-linear-gradient(top, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Safari己莺、Chrome */ background: -o-linear-gradient(bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Opera */ background: -moz-linear-gradient(bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Firefox */ background: linear-gradient(to bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%); /* 標(biāo)準(zhǔn)的語法(必須放在最后) */
注意:Internet Explorer 9 及之前的版本不支持漸變奏甫。