这样用css写渐变,兼容所有主流浏览器
2013-09-24 17:46
676 查看
background: -webkit-linear-gradient(top,#EFF5FF 0,#ffffff 100%);
background: -moz-linear-gradient(top,#EFF5FF 0,#ffffff 100%);
background: -o-linear-gradient(top,#EFF5FF 0,#ffffff 100%);
background: linear-gradient(to bottom,#EFF5FF 0,#ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#ffffff,GradientType=0);
background-color: #ffffff;
最后一个是以防万一用的。
background: -moz-linear-gradient(top,#EFF5FF 0,#ffffff 100%);
background: -o-linear-gradient(top,#EFF5FF 0,#ffffff 100%);
background: linear-gradient(to bottom,#EFF5FF 0,#ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#ffffff,GradientType=0);
background-color: #ffffff;
最后一个是以防万一用的。
相关文章推荐
- 【IE6的疯狂之十一】CSS的优先级及!important在IE6下的BUG
- 【CSS】CSS框架
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的疯狂之七】样式中文注释后引发失效
- 初识CSS
- 通过CSS让TD自动换行
- PHP下载CSS文件中图片的代码
- 转:CSS Overflow 属性
- Css样式--背景样式详解
- CSS也可以改变图片幅面尺寸
- Css样式--文本样式详解
- DIV + CSS
- css 内联元素inline 行框全解
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 控制某个panel的display样式
- CSS3小结
- 兼容不同浏览器的 CSS Hack 写法
- CSS命名规则
- 纯css的带下拉菜单的导航条
- CSS选择器