如何在页面中实现渐变色?

2024-11-18 15:24:48
推荐回答(3个)
回答1:

CSS里有滤镜功能
FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
不过该滤镜只支持IE,不支持FF,而且大部分的滤镜都只支持IE,貌似只有透明度在FF中受支持,而且支持的方式跟IE中也不一样 。

回答2:

CSS无法实现渐变色,颜色就是统一的,没办法渐变。
如果想做这种效果,业内都是先制作一个合适大小的渐变背景图,然后利用CSS在水平或垂直平铺。

回答3:

一、从上往下渐变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);
}一、从上往下渐变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);
}四、从上往下渐变style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"五、从上往下渐变style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"