<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
參數(shù) 說明
gradientType=1代表橫向漸變，gradientType=0代表縱向淅變
漸變效果實現(xiàn)：filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="色彩"代表漸變開頭的色彩
endcolorstr="色彩"代表漸變結(jié)尾的色彩
opacity 透明度。默認的范圍是從0 到 100，他們其實是百分比的形式。也就是說，0代表完全透明，100代表完全不透明。
finishopacity 是一個可選參數(shù)，如果想要設置漸變的透明效果，就可以使用他們來指定結(jié)束時的透明度。范圍也是0 到 100。
style 指定透明區(qū)域的形狀特征：
0 代表統(tǒng)一形狀
1 代表線形
2 代表放射狀
3 代表矩形
startx 漸變透明效果開始處的 X坐標。
starty 漸變透明效果開始處的 Y坐標。
finishx 漸變透明效果結(jié)束處的 X坐標。
finishy 漸變透明效果結(jié)束處的 Y坐標。
具體效果應用如下：
CSS濾鏡實現(xiàn) 代碼 效果拷屏
正常圖片
＜img src="pic1.jpg"
width="180" height="120"＞
透明度為60
＜img src="pic1.jpg"
style="filter:alpha(opacity=60)"
width="180" height="120"＞
區(qū)域透明度設置，從(0,5)到(90,60)
＜img src="pic1.jpg"
style="filter:alpha(
opacity=0, finishopacity=100,
style=1,
startx=0,starty=5,
finishx=90,finishy=60"
width="180" height="120" ＞
margin:0px;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff45c8ff', endColorStr='#ffffffff', gradientType='0');
}
PS:樣式里面只寫了濾鏡部分了，根據(jù)自己需要自己加吧。嘿嘿，我比較懶
解釋下這個CSS里面的東西：
startColorStr='#ffeeeeee'
startColorStr為漸變起始顏色，ff為16進制透明度
endColorStr='#ffeeeeee'
endColorStr為漸變結(jié)束顏色，ff為16進制透明度
gradientType='0'
gradientType漸變方向，'0'為垂直方向， '1'為水平方向（默認值為'1'）
-->
本站僅提供存儲服務，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
