兼容ie8 rgba()用法
2015-10-10 00:00
169 查看
<!--[if IE]>
<style type="text/css">
.mark {
background:transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c80e92cb,endColorstr=#c80e92cb);
zoom: 1;
}
</style>
<![endif]-->
DXImageTransform.Microsoft.gradient滤镜里的startColorstr参数值是#AARRGGBB形式的,其中的AA是代表不透明度的十六进制,00表示完全透明,FF就是全不透明,化成十进制的范围就是0~255,剩下的RRGGBB就是颜色的十六进制代码。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的红色背景。如何把30%的不透明度转换成十六制呢?很简单,先计算#AA的的十进制x,x/255 = 3/10,解得x=3*255/10,然后再把x换算成十六进制,约等于4B。下面有rgba和IE下filter数值的转换,这样大家就不用计算了,直接参考数值就行。
RGBa颜色还可以用于border,不过,不同的浏览器对于border的RGBa支持不太一样,不过唯一的不同是,Firefox在border的拐角处会出现叠加,比如透明度是0.4,那么在Firefox中,四个角的透明度会变成0.8,而支持RGBa的非FF浏览器不会出现这种情况。
<style type="text/css">
.mark {
background:transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c80e92cb,endColorstr=#c80e92cb);
zoom: 1;
}
</style>
<![endif]-->
DXImageTransform.Microsoft.gradient滤镜里的startColorstr参数值是#AARRGGBB形式的,其中的AA是代表不透明度的十六进制,00表示完全透明,FF就是全不透明,化成十进制的范围就是0~255,剩下的RRGGBB就是颜色的十六进制代码。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的红色背景。如何把30%的不透明度转换成十六制呢?很简单,先计算#AA的的十进制x,x/255 = 3/10,解得x=3*255/10,然后再把x换算成十六进制,约等于4B。下面有rgba和IE下filter数值的转换,这样大家就不用计算了,直接参考数值就行。
RGBa颜色还可以用于border,不过,不同的浏览器对于border的RGBa支持不太一样,不过唯一的不同是,Firefox在border的拐角处会出现叠加,比如透明度是0.4,那么在Firefox中,四个角的透明度会变成0.8,而支持RGBa的非FF浏览器不会出现这种情况。
相关文章推荐
- [CSS] Firefox required input textarea 粉红色边框去除方案 .
- TOMCAT内存溢出及大小调整
- java+tomcat+jdk+mysql一键安装制作
- java之可变参数
- Java之实现枚举原理
- Linux 下Jetty 部署 项目 JNDI 数据源加载
- Centos7 Jetty7 项目部署 java.io.FileNotFoundException
- Jetty目录 contexts 研究
- MongoDB分片故障测试和解决方案
- 文率科技专业的建站公司,不断创新的正规企业
- ios UIImage缩放
- 底部导航
- 厦门 气动热压机
- HOTPOWER.【专注游戏界面外包】/接游戏界面外包/logo外包/icon
- zbrush模版调控板
- ubuntu初学
- 蜂窝教育:Android工程师高薪时代
- HowTo: Wake Up Computers Using Linux Command - WOL
- 模块、包
- HDU 5445 Food Problem (2015年长春站网络赛1009 多重背包DP)