CSS中RGBA的兼容方法以及透明度计算方法
2014-03-27 00:00
447 查看
CSS对IE使用背景透明 实现 rgba 效果
对 IE 的 filter 的 gradient 渐变滤镜中的颜色参数比常见的多了两位,因为 前两位是透明度的十六进制数值
例如:
#E62E4A53 中的 E6 代表透明度为 opacity 的 0.9, 2E4A53 才是真正的色彩值
透明度的计算方法:
256*0.9=230.4 取 230 通过计算转换为 十六进制 E6
(可以用windows自带的计算器选择程序员类型计算出来)
star 和 end 的颜色可以相同,这样就可以背景半透明了,
另外说明: IE7 需要指定高度 height 时背景渐变才会生效,否则不会显示的
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 时背景渐变才会生效,否则不会显示的
相关文章推荐
- CSS中RGBA的兼容方法以及透明度计算方法
- 我的Android进阶之旅------>Android颜色值(#AARRGGBB)透明度百分比和十六进制对应关系以及计算方法
- 我的Android进阶之旅------>Android颜色值(#AARRGGBB)透明度百分比和十六进制对应关系以及计算方法
- css透明度的浏览器兼容以及div的隐藏和显示
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- ie6,ie7,ie8 css bug汇总以及兼容解决方法 - xhuangtao
- ie6,ie7,ie8 css bug汇总以及兼容解决方法
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
- Android颜色值(#AARRGGBB)透明度百分比和十六进制对应关系以及计算方法
- 【技术】ie6,ie7,ie8 css bug汇总以及兼容解决方法
- CSS各浏览器兼容方法
- linux shell 时间运算以及时间差计算方法
- ArcGis中投影的方法以及计算面积的方法
- 兼容IE7+的rgba()的方法
- 使用CSS设置滚动条样式以及如何去掉滚动条的方法
- css样式设置图片半透明度,兼容各种浏览器
- 强制刷新浏览器调用的js和css以及js清除浏览器缓存的几种方法
- css实现兼容火狐、IE的LI奇偶行颜色交替方法
- CSS使块半透明方法,兼容IE6
- 聊一聊PV和并发、以及计算web服务器的数量的方法