CSS控制背景透明度
2009-07-21 16:41
225 查看
转自: http://blog.onlygrape.com/css-background-transparency/177[/url]
在CSS表中找到
.modbr{}{background-color:#FFFFFF;line-height:1px}
换行后加入如下代码 (透明度80%):
.modbox,.modbl,.modbc,.modbr{}{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
注:
代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下
{
filter:alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,
starty=#starty,finishx=#finishx,finishy=#finishy)
}
具体参数含义如下:
“opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。
“finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
“style” 指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
“startx” 渐变透明效果开始处的 X坐标。
“starty” 渐变透明效果开始处的 Y坐标。
“finishx” 渐变透明效果结束处的 X坐标。
“finishy” 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity;
如果设置成下面代码,就表示背景式半透明的:
{ filter:alpha(opacity=50) }
另外,这个设置目前只适用于纯色背景,不包括图片!
在CSS表中找到
.modbr{}{background-color:#FFFFFF;line-height:1px}
换行后加入如下代码 (透明度80%):
.modbox,.modbl,.modbc,.modbr{}{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
注:
代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下
{
filter:alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,
starty=#starty,finishx=#finishx,finishy=#finishy)
}
具体参数含义如下:
“opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。
“finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
“style” 指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
“startx” 渐变透明效果开始处的 X坐标。
“starty” 渐变透明效果开始处的 Y坐标。
“finishx” 渐变透明效果结束处的 X坐标。
“finishy” 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity;
如果设置成下面代码,就表示背景式半透明的:
{ filter:alpha(opacity=50) }
另外,这个设置目前只适用于纯色背景,不包括图片!
相关文章推荐
- 如何用CSS控制网页背景透明度?
- CSS控制元素背景透明度总结
- CSS控制背景图片
- 纯CSS控制背景图片100%自适应填充布局
- css控制submit加载背景图片做提交按钮
- 用CSS+JS控制Li背景颜色交替VIEW:704
- CSS控制背景
- 利用css控制透明背景png
- css控制DIV透明度
- html-css控制背景图全屏拉伸不重复显示
- 【CSS】CSS控制DIV背景图片显示位…
- css控制鼠标移过改变透明度
- 学习网页制作: 用CSS来控制网页背景
- css控制大幻灯绝对居中(非背景)
- CSS+JS控制Li背景颜色交替
- CSS控制网页背景颜色的渐变代码
- CSS中控制背景图片的位置
- CSS控制背景图片
- 用css控制背景图片的位置,大小
- CSS 设置背景透明度,不影响子元素