您现在的位置:首页 >> 前端 >> 内容

网页页面背景渐变色

时间:2017/1/16 10:00:02 点击:

  核心提示:.bodycolor {background: -ms-linear-gradient(left, RGB(192, 242, 233) 0%, RGB(255, 255, 255) 100%);//...
.bodycolor {
background: -ms-linear-gradient(left, RGB(192, 242, 233) 0%, RGB(255, 255, 255) 100%);//IE
background: -webkit-linear-gradient(left, RGB(192, 242, 233), RGB(255, 255, 255));
background: -moz-linear-gradient(left, RGB(192, 242, 233), RGB(255, 255, 255));
background: linear-gradient(left, RGB(192, 242, 233), RGB(255, 255, 255));
}

CSS匹配浏览器

-moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性

2.filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)

其中各个参数的含义如下:

opacity表示透明度,默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。

finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。

style用来指定透明区域的形状特征:

0 代表统一形状

1 代表线形

2 代表放射状

3 代表矩形。

startx 渐变透明效果开始处的 X坐标。

starty 渐变透明效果开始处的 Y坐标。

finishx 渐变透明效果结束处的 X坐标。

finishy 渐变透明效果结束处的 Y坐标。

3.可以做一个渐变色的图片,然后当做body的背景色。

作者:网络 来源:菜鸟小灰灰的博客