好程序员web前端分享CSS学习:HSLA颜色模式-创新互联
好程序员 web前端分享 CSS学习:HSLA颜色模式
创新互联科技有限公司专业互联网基础服务商,为您提供成都棕树机房,高防服务器租用,成都IDC机房托管,成都主机托管等互联网服务。
一、理论:
1.HSLA颜色模式
a.HSLA在HSL基础上增加了不透明度,值越大透明度越低
b.HSLA颜色模式的浏览器兼容性和HSL一样,只有较新版本的主流浏览器才支持
2.RGBA和HSLA颜色模式二者可以完全相互替换
3.RGBA/HSLA的IE兼容方案
a.在IE8以下版本,一般在前面设置一个非透明色,在其后紧跟一个RGBA/HSLA颜色模式
b.将透明的PNG图片平铺做为背景图片,适用于ie7-8
c.使用Gradient滤镜可以指定半透明颜色,将起止色设置为同一种颜色即可避免产生渐变
二、实践:
1.
Title 10.80.60.40.210.80.60.40.210.80.60.40.210.80.60.40.210.80.60.40.2
当前名称:好程序员web前端分享CSS学习:HSLA颜色模式-创新互联
标题URL:http://scyanting.com/article/ggoii.html