Web前端学习—基础篇(21)_css如何设置透明样式、IE低版本如何实现透明

4.11、透明度

4.11.1、rgba(r,g,b,a) 颜色模式

• 兼容性：IE8及以下版本的浏览器中不支持，IE9+支持
• 使用：
  background-color属性、color属性、border-color属性中设置透明度
• 语法：
  rgba(r,g,b,a)
  r-red 取值范围0-255
  g-green 取值范围0-255
  b-blue 取值范围0-255
  a-alpha 取值范围0-1之间表示半透明 1完全不透明 0完全透明

4.11.2、opacity属性 透明度

• 兼容性：IE8及以下版本的浏览器中不支持，IE9+支持
• 使用：
  将内容和背景一起透明——元素透明
• 语法：
  属性值取值0-1之间表示半透明 1完全不透明 0完全透明

4.11.3、IE兼容性处理：filter属性——IE专属滤镜filter:Alpha(opacity=n)

• 兼容性：仅在IE9、8、7、6,在IE10及以上被废除
• 使用：
  将内容和背景一起透明——元素透明
• 语法：
  filter:Alpha(opacity=n)
  n取值范围0-100之间表示半透明 100完全不透明 0完全透明