码迷,mamicode.com
首页 > 其他好文 > 详细

背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

时间:2014-10-24 23:28:36      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:style   color   os   ar   for   sp   art   代码   ad   

以背景黑色,透明度0.5举例为大家详细介绍下关于背景透明,文字不透明的最佳方法同时兼容IE,具体实现如下,感兴趣的朋友可以参考下哈希望对大家有所帮助

以背景黑色,透明度0.5举例 

非IE:background:rgba(0,0,0,0.5); 

IE: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); 

PS:#7f000000 其中7f是透明度0.5转换成16进制的数值,000000是黑色的16进制数值 

具体数值转换可以参考

rgba 和IE下filter数值的转换
rgba 透明值        IEfilter值

0.1 19
0.2 33
0.3 4C
0.4 66
0.5 7F
0.6 99
0.7 B2
0.8 C8
0.9 E5


直接取整计算的,没有进位直接舍去 
alpha*255再转换成16进制即可

我个人认为这个写法是最好的,无需单独定义背景层,代码精简,本人一直在用,兼容IE6,有更好的解决办法,欢迎留言探讨

背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

标签:style   color   os   ar   for   sp   art   代码   ad   

原文地址:http://www.cnblogs.com/imsomnus/p/4049431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!