css颜色渐变在不同浏览器的设置
2014-08-22 09:50
357 查看
在web开发中,难免会遇到浏览器之间的兼容问题,关于Css设置颜色渐变下面有解决的办法,直接上代码:
适用于谷歌浏览器:
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb));
from:是指渐变起始颜色
to:是指渐变结束的颜色
适用于火狐浏览器中
background: -moz-linear-gradient( top,#4285fa,#366dcb);
top:是值渐变方向从上向下
第一个颜色是指渐变起始颜色
第二个颜色是指渐变结束的颜色
适用于IE浏览器中
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4285fa, endColorstr=#366dcb);
startColorstr:指渐变起始颜色
endColorstr:指渐变结束的颜色
转自:
http://www.cnblogs.com/MrALei/archive/2012/12/13/2816846.html
适用于谷歌浏览器:
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb));
from:是指渐变起始颜色
to:是指渐变结束的颜色
适用于火狐浏览器中
background: -moz-linear-gradient( top,#4285fa,#366dcb);
top:是值渐变方向从上向下
第一个颜色是指渐变起始颜色
第二个颜色是指渐变结束的颜色
适用于IE浏览器中
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4285fa, endColorstr=#366dcb);
startColorstr:指渐变起始颜色
endColorstr:指渐变结束的颜色
转自:
http://www.cnblogs.com/MrALei/archive/2012/12/13/2816846.html
相关文章推荐
- CSS在不同浏览器下实现颜色渐变效果
- css控制背景颜色渐变以及浏览器的兼容写法(转载别人的)
- 使用css3背景渐变中的透明度来设置不同颜色的背景渐变
- 用CSS设置字体颜色在火狐,IE6,IE7下不同
- css 字体设置(不同浏览器设置效果)
- div+css - table中直接输入的文字和其他标记设置不同的颜色
- Css设置颜色渐变在谷歌、火狐,IE浏览器中
- CSS - Select 标签在不同浏览器中的高度设置
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- CSS 设置背景颜色渐变
- CSS:自定义链接样式(设置链接不同状态下的字体颜色/背景色等)
- CSS设置背景颜色渐变
- 关于CSS设置不显示苹果和google等浏览器input文本框边框自动产生颜色的问题
- CSS-相关练习1-表格实现奇数行和偶数行自行判断设置不同的背景颜色
- CSS -- 颜色渐变 FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='lightblue', endColorStr='#FFFFFF', gradientType='1');
- 根据浏览器分辨率不同自动调用不同CSS
- Reporting Service技巧(一):表格中奇偶行不同颜色的设置
- [转]小技巧 争对不同浏览器写不同的CSS 来兼容浏览器
- CSS条件注释:针对浏览器版本不同而选择不同CSS的代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码