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

2024年11月18日 15:24
有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);"