css 透明度 浅析

css 透明度相关的样式有一下几个

opacity

  0.0 ~ 1.0

  不为1时,当前元素会跟子元素一起形成一个新的 层叠上下文,层叠上下文会使用 透明度 的值来完成透明度

  所以 子元素通过修改 自身的opacity值 来改变 透明度

background-color

  颜色值 或 transparent

  默认为 transparent 即透明 

  颜色值支持 rgb , hsla , 设置相应透明度 ( alpha ) 后 其实是对颜色进行来透明度的修改,仅会对背景图有透明时有影响

filter

  opacity函数过滤器 跟 css opacity相似,不同在于通过filter ,一些浏览器会提供硬件加速

posted @ 2018-08-27 13:48  十一云子  阅读(147)  评论(0编辑  收藏  举报