css滤镜实现网页背景渐变效果的例子

发布时间:2020-08-26编辑:脚本学堂
在网页中实现背景渐变效果,用css滤镜来实现比较方便,在IE浏览器中使用css滤镜来控制背景颜色渐变,需要的朋友参考下。

网页背景渐变,下面用的滤镜,在非IE下没有效果。

背景渐变效果一、从上往下渐变
 

body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";
}

背景渐变效果二、从左上至右下渐变

body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }
background-color: skyblue;
}

背景渐变效果三、从左往右渐变
 

body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)";}