码迷,mamicode.com
首页 > Web开发 > 详细

兼容IE与firefox的css 线性渐变(linear-gradient)

时间:2015-05-19 16:18:06      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

IE系列 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=‘#FF0000‘,endColorStr=‘#F9F900‘,gradientType=‘0‘); 
参数:startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直,为1时代表水平 

Firefox 
background: -moz-linear-gradient(top, #FF0000, #F9F900); 
参数:top、bottom垂直,left、right水平 例如:top时从顶部由#FF0000到#F9F900渐变,bottom时从底部由#FF0000到#F9F900渐变 

Opera 
background: -o-linear-gradient(top,#FF0000, #F9F900); 
参数:top、bottom垂直,left、right水平 例如:top时从顶部由#FF0000到#F9F900渐变,bottom时从底部由#FF0000到#F9F900渐变 

webkit,如Chrome、Safari等 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to(#F9F900)); 
参数:linear线性, x1 x2, x3 x4 x1与x3相同时垂直,x2与x4相同时水平 from起始颜色 to结束颜色

兼容IE与firefox的css 线性渐变(linear-gradient)

标签:

原文地址:http://www.cnblogs.com/ada-zheng/p/4514758.html

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