【学习】ie8支持rgba()透明度颜色

(个人博客网站中的原文:http://www.xiaoxianworld.com/archives/285,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出。)浏览器

rgba()函数能够用来设置透明的颜色,元素的背景啊,边框啊等等。rgba的含义,r表明red,g表明green,b表明blue,红绿蓝是三原色。全部颜色均可以由这三种颜色拼合而成。a表明透明度。好比rgba(255,255,255,0.1)就是透明度为0.1的白色。函数

在现代浏览器中是支持rgba的。可是在ie8等古董级浏览器中是不支持rgba的,可是若是客户要求页面兼容到ie8呢,切一个半透明的png24背景吗?或者给ie8设置一个其余的颜色?前者明显很低级,后者效果又很差。怎么解决呢,别忘了ie的透明滤镜filter啊。网站

直接贴代码:
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);orm

参数解释:blog

startColorStr和endColorStr的值#7F000000,get

前两位是十六进制的透明度,也就是透明值为0.5,博客

后面六位是十六进制的颜色000000(黑色),若是是白色,就写成ffffff。form

rgba 和IE下filter数值的转换技巧

用这种方法,ie8也能兼容rgba了,很是实用的小技巧。方法

实际使用时,能够加在条件注释中,只对ie8起做用。

相关文章
相关标签/搜索