极速小乌龟

导航

HTML-CSS线性渐变 

 1 实现背景的渐变可以通过为背景添加颜色渐变的图片，也可以使用浏览器的功能来为背景添加渐变的颜色
 2 
 3 在IE6或IE7浏览器下可以使用一下示例的CSS语句，设置filter属性来实现颜色
 4 
 5 filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorStr=#f0f0f0,endColorStr=#020202);
 6 
 7 enabled:滤镜开关选项，其值可以是true或者false，分别用来打开和关闭滤镜；
 8 
 9 gradientType：渐变类型，其值为1时表示水平渐变，其值为0时表示垂直渐变；
10 
11 startColorStr:上端或左侧的起始颜色；
12 
13 endColorStr:下端或右侧的结束颜色
14 
15 background-image:-moz-linear-gradient(起始点||角度，{颜色，位置}，{颜色，位置}...........)；《火狐浏览器》
16 
17 background-image:-webkit-linear-gradient(起始点||角度，{颜色，位置}，{颜色，位置}...........)；《谷歌浏览器》
18 
19 background-image:-moz-linear-gradient(起始点||角度，{颜色，位置}，{颜色，位置}...........)；

 

posted on 2017-02-23 06:02  极速小乌龟  阅读(565)  评论(0)    收藏  举报