透明度属性介绍-opacity
语法
- opacity：<number>
- 默认值：1
- 适用于：所有元素
- 继承性：无
- 动画性：是
- 计算值：指定值
说明
<number>：使用浮点数，在0.0-1.0之间，0.0表示完全透明，1.0表示完全不透明，取值小于0.0的话按0.0展现，大于1.0的话按照1.0展现
其他特性
1.这里的透明度和color属性中rgba的透明度是有区别的，这里指的是整体的透明度，包括字体，颜色，边框，rgba只是表示字体的透明度。
2.如果既设置了rgba或hsla的透明度，又设置了opacity，容器中字体的透明度绘会叠加(应该是相乘的关系)
div{
opacity:0.49;
color:rgb(123,231,13);
}
div{
opacity:0.7;
color:rgba(123,231,13,0.7);
}
3.相应的脚本特性为opacity,即通过el.style.opacity即可设置或获取透明度
兼容性
IE6-8不支持该属性，可以通过设置IE私有的滤镜属性实现相同效果，opacity的取值范围是0-100，对应opacity的0.0-1.0
div{
filter:alpha(opacity=50);
opacity:0.5;
}