css中filter:alpha透明度总结

Alpha，设置透明度。

用法：

FILTER:alpha(opacity=80);/* 设置不透明度为80 */

filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。
FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。
Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
StartX和StartY：代表渐变透明效果的开始X和Y坐标。
FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。

对于IE上述方法是没有问题的。若要支持firefox请参照下面：

程序代码

filter:alpha(opacity=80);       /* IE */
-moz-opacity:0.8;              /* Moz + FF */
opacity: 0.8;           /* 支持CSS3的浏览器（FF 1.5也支持）*/

　　简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。

转载自：http://www.spiger.cn/article/245.html

css中filter:alpha透明度总结相关推荐

css透明饱和度,css中filter:alpha透明度使用
css中filter:alpha透明度使用使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大 ...
html中透明度怎么写,css中控制透明度
CSS中如何控制层的透明度? 在CSS样式中设置背景的透明度,下面一个具体的实例.把类为box的层设为透明. .box{width:300px; height:200px; margin:0 auto ...
php 将颜色透明度,css中如何使颜色透明度
css中使颜色透明度的方法:首先创建一个HTML示例文件:然后创建一个div:最后通过"opacity:0.5;"属性设置元素背景的透明度即可. 本教程操作环境:windows7系 ...
php中文本框透明度,css怎么设置透明度
工作中我们经常会需要用到CSS代码来设置DIV的透明度,今天给大家来介绍一下,怎样用CSS样式表来设置DIV的透明半透明.希望能帮到大家. 首先说一下设置DIV半透明的CSS代码:div{filter ...
html中的透明度怎么设置,css透明度怎么设置？css中各种透明度的设置方法总结...
本篇文章给大家介绍一下css中透明度的设置方法,下面我们就来看看具体的内容. 不透明度和透明度根据定义,CSS中的不透明度和透明度定义了元素的可见性,无论是图像,表格还是RGBA(红绿蓝alpha) ...
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解：background-color: rgba(255,192,203,0.3)
目录前言 rgba() 函数详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码 backgroun ...
CSS中的filter(滤镜)
滤镜通常是使用百分比(如:88%),也可以使用小数点(如:0.88): 某些属性跟原有的CSS中的属性十分相似,但有些浏览器为了提升性能,会通过filter提供硬件加速. 以下都是filter的属性: ...
图片/容器/字体透明度[opacity:0.4; filter:alpha(opacity=40)]
1.字体透明度 <html> <head> <style> #test{ } #tes ...
CSS中如何设置父元素透明度不影响子元素透明度
css中经常会遇到设置了父元素的透明度,后会直接影响到子元素的透明度. 例如: 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明 ...

css中filter:alpha透明度总结

css中filter:alpha透明度总结相关推荐

最新文章

热门文章