css 透明度相关的样式有一下几个
opacity
0.0 ~ 1.0
不为1时,当前元素会跟子元素一起形成一个新的 层叠上下文,层叠上下文会使用 透明度 的值来完成透明度
所以 子元素通过修改 自身的opacity值 来改变 透明度
background-color
颜色值 或 transparent
默认为 transparent 即透明
颜色值支持 rgb , hsla , 设置相应透明度 ( alpha ) 后 其实是对颜色进行来透明度的修改,仅会对背景图有透明时有影响
filter
opacity函数过滤器 跟 css opacity相似,不同在于通过filter ,一些浏览器会提供硬件加速