冲浪网站优化网立足洛阳是国内知名SEO服务商,是网站优化SEO学习,SEO技巧方法知识获取重要平台,提供高效的SEO及网站优化解决方案,提高目标网站的网站排名。

全国热线电话:13633878273

冲浪网站优化 / Products Center

css设置透明度的方法

发布时间: 2014-12-20 19:41:02

有时我们在网页设计时,需要设置图片背景的透明度,从而来提高网站的用户体验,也更利于网站优化的排名,那么如何通过css来设置透明度呢?

css命令 filter:alpha来设置透明度。

filter:alpha命令格式:

filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)

 参数表示的意义


 Opacity:代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。

 Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。

 Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。

 .alpha { filter: alpha(Opacity=100, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}

以上代码表示从完全不透明到完全透明。