最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css alpha 透明属性说明
时间：2022-06-25 09:43:54 编辑：袖梨 来源：一聚教程网
看代码
| 代码如下 | 复制代码 |
|
css opacity attribute!
|
|
以上结构，如果设置top的opacity属性来达到透明效果时，你会发现，里面的元素全部继承了透明的效果，这显然不能达到要求。至少字体总得看的清楚吧。
从网上搜罗了下相关知识点
先给出标准的css透明写法，兼容大部分浏览器
| 代码如下 | 复制代码 |
| .top { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} |
|
上面的几个属性分别是:
opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox、Safari和 Opera.
filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
上面的例子涉及到透明属性的继承问题
相关文章
- 原神少女哥伦比娅值得抽吗 新角色哥伦比娅问题解答 08-08
- 明日方舟：终末地情报档案收集攻略 情报档案收集分享 08-08
- 原神6.3版本月之四角色抽取攻略 少女抽取优势建议 08-08
- 无限暖暖若生命如诗2.1版本 巨兽养成计划玩法介绍 08-08
- 七猫小说下载到本地的怎么找 七猫小说下载保存路径介绍 08-08
- 崩坏：星穹铁道货币战争攻略 货币战争成就获得攻略 08-08