css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立
来源:动视网
责编:小采
时间:2020-11-27 16:42:12
css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立
css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立:css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: :linear-gradient([ ,] [, ]+); :[ left | right ] [ top | bottom ]
导读css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立:css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: :linear-gradient([ ,] [, ]+); :[ left | right ] [ top | bottom ]

以上几句代码都可以实现如(图一)的渐变效果
兼容性:
浅绿 = 支持
红色 = 不支持
粉色 = 部分支持
IE | Firefox | Safari | Chrome | Opera |
6-9 #1 |
4.0-15.0 -moz- |
4.0-6.0 -webkit- |
4.0-25.0 -webkit- #2 |
15.0 |
10.0 |
16.0 |
6.1 |
26.0 |
- IE5.5-9.0使用私有滤镜来实现该效果: progid:DXImageTransform.Microsoft.Gradient()
- chrome4.0-9.0使用更老的语法:-webkit-gradient(linear,…)
css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立
css3背景颜色渐变属性兼容性测试基础环境为:windows系统;IE6.0+,Firefox4.0+,Chrome4.0+,Safari4.0+,Opera15.0+-花溪立:css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: :linear-gradient([ ,] [, ]+); :[ left | right ] [ top | bottom ]