CSS中RGBA的兼容方法以及透明度计算方法

为什么80%的码农都做不了架构师？>>>   

CSS对IE使用背景透明 实现 rgba 效果

height:35px;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(68,102,113,0.9)),to(rgba(46,74,83,0.9)));
background: -moz-linear-gradient(top, rgba(68,102,113,0.9), rgba(46,74,83,0.9));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A446671', endColorstr='#5A2E4A53'); /* IE6,IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6446671', endColorstr='#E62E4A53')"; /* IE8 */

对 IE 的 filter 的 gradient 渐变滤镜中的颜色参数比常见的多了两位，因为 前两位是透明度的十六进制数值

例如:

#E62E4A53 中的 E6 代表透明度为 opacity 的 0.9， 2E4A53 才是真正的色彩值

透明度的计算方法：

256*0.9=230.4 取 230 通过计算转换为 十六进制 E6

（可以用windows自带的计算器选择程序员类型计算出来）

star 和 end 的颜色可以相同，这样就可以背景半透明了，

另外说明： IE7 需要指定高度 height 时背景渐变才会生效，否则不会显示的

转载于:https://my.oschina.net/zhouz/blog/213151