css渐变效果,兼容所有主流浏览器
来源:互联网 发布:java 64位整型 编辑:程序博客网 时间:2024/04/29 01:19
前端时间要做一个渐变背景,本来是用图片,但是高度不固定,图片不能完美解决。最后综合网络上流传的一些方法。
用以下css代码做了渐变。以下浏览器测试通过,ie5,ie6,ie7,ie8,ie9,ie10,firefox,chrome,opera,safari。呵呵,够全面把。ie系列是在ietest里面测试的。ie10是win7预览版的。
代码如下
.gradient {background: #ededed; /*不能渐变的浏览器*/filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ededed,endcolorstr=white, gradientType=0 ); /*IE*/-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ededed,endcolorstr=white, gradientType=0 ); /*IE8*/background: -o-linear-gradient(top, #ededed 0%, white 30%); /*opera*/background: -moz-linear-gradient(top, #ededed, white 25%); /*firefox*/background: -webkit-gradient(linear, 0 0, 0 200, from(#ededed),to(white) ); /*chrome, safari*/}
- css渐变效果,兼容所有主流浏览器
- 这样用css写渐变,兼容所有主流浏览器
- CSS实现渐变 兼容各主流浏览器
- 兼容主流浏览器的CSS透明效果
- 兼容各种主流浏览器的CSS阴影效果
- 封装的一个JS拖拽效果,兼容所有主流浏览器
- DIV+CSS网页兼容所有主流浏览器技巧(IE6/IE7/IE8/IE9/Firefox/Chrome)
- 兼容主流浏览器的半透明css样式
- 各种主流浏览器CSS、BUG兼容-
- CSS实现瀑布流等分布局效果,兼容各大主流浏览器
- css中background:-webkit-gradient实现背景渐变效果,并且兼容各个浏览器
- css阴影效果,css3阴影效果,css3文字阴影效果,css阴影效果完美兼容所有浏览器吹牛B的,CSS高级技巧:阴影效果
- CSSJS弹出层效果,兼容所有浏览器
- 无抖动层回到顶部(兼容所有主流浏览器)
- JS复制到剪切板(兼容主流所有浏览器)
- 让DIV+CSS兼容所有浏览器
- css透明度设置兼容所有浏览器
- 让DIV+CSS兼容所有浏览器
- 关于短信、彩信、GPRS的一点认识
- Everything.me如何改变Google主导的移动搜索格局
- Solaris10平台资源过度使用案例:JBoss控制台报JMS消息服务器无法连接
- Adobe Dreamweaver CS4 beta完美破解方法
- C++:抽象基类和纯虚函数的理解
- css渐变效果,兼容所有主流浏览器
- 十进制小数转换成二进制小数
- http://blog.csdn.net/reille/article/details/6568756
- 常见的进制转换方法
- struts2+mysql 实现分页效果
- Widget 的创建
- 用GDB调试程序一
- 黑马程序员-江远云 我的java语言基础之路1-异常篇
- PHP版本的讲解