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

(兼容IE8)的渐变

时间:2016-04-20 11:30:16      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

  

background: -webkit-linear-gradient(#0f86d4, #0d64bd); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#0f86d4, #0d64bd); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#0f86d4, #0d64bd); /* Firefox 3.6 - 15 */
background: linear-gradient(#0f86d4, #0d64bd); /* 标准的语法 */
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff0f86d4, endColorStr=#ff0d64bd);

技术分享

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 
  其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。

 

透明度总共有255阶,写进语句的都是转换为十六进制的值,255阶为不透明,要得到25%透明度,将255乘25%得到大概63(此时仍是十进制值),那么在进位制选择十进制,输入63,在Hex输出框可以得到3f,那么这个就是十进制时63转化为十六进制的值,将3f写进语句得到〈#3fffffff〉,保存回编译,对应布局的25%透明度就改好了 

(兼容IE8)的渐变

标签:

原文地址:http://www.cnblogs.com/muwei/p/5411586.html

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