588创业论坛

 找回密码
 快速注册
搜索
查看: 795|回复: 1
打印 上一主题 下一主题

CSS图层透明样式:filter:alpha()与opacity

[复制链接]
匿名
跳转到指定楼层
1
匿名  发表于 2020-12-11 18:08:12 |倒序浏览
filter:alpha()
filter与opacity一样都是设置透明度的,但是opacity 在IE8及以下是不兼容的;所以要设置filter属性;
  1. a:hover {  opacity: 1;  filter: alpha(opacity=100);}
复制代码
当直接利用opacity设置透明度的时候其大小范围为0-1之间,为1的时候为不透明,当利用filter:alpha()设置opacity的时候其大小范围为0-100之间,为100的时候为不透明

filter:alpha()的基本属性
  1. 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 的坐标。

支持firefox
  1. filter:alpha(opacity=80);       /* IE */
  2. -moz-opacity:0.8;              /* Moz + FF */
  3. opacity: 0.8;           /* 支持CSS3的浏览器(FF 1.5也支持)*/
复制代码
匿名
2
匿名  发表于 2020-12-11 18:11:30
very good
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 快速注册

Archiver|手机版|588创业网 ( 闽ICP备08003622号-6 )

GMT+8, 2024-12-23 10:01 , Processed in 0.239241 second(s), 23 queries .

Powered by bbs.588cy.com

© 2001-2012 Discuz! X2.5

回顶部