关于透明属性及属性值的几种方法

145 阅读1分钟

一、背景颜色透明rgba

  • 可以设置背景颜色的透明度从而实现透明效果;
  • 语法: rgba(red, green, blue, alpha)
  • alpha取值为0-1之间,0表示完全透明,1表示不透明,之间的数字表示透明的程度
  • background-color: rgba(0,0,0,0.4)
  • 注意: rgba只能设置背景颜色透明不会影响盒子里面的内容透明;

二、盒子透明opacity

  • 语法: opacity: 透明值;
  • opacity 设置盒子的透明,取值为0-1之间,0表示完全透明,1表示不透明,之间的小数表示透明的程度
  • opacity: .5;
  • 注意: 用opacity 设置透明,不仅让背景颜色透明,也会影响盒子里面的内容也跟着透明;