关于div+css

来源：百度知道 编辑：UC知道 时间：2024/05/08 02:54:46
现在网站流行div+css布局，我想问一个简单的问题：每个主要的版块Div都有一个标题，然后呢背景是渐进的颜色，我想问渐进效果是怎么做出来的，css代码是什么？

用css滤镜实现:
1、从上往下渐变

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

2、从左上至右下渐变

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

3、从左往右渐变

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

只有IE支持滤镜，所以建议还是用图片作为背景

建议不要使用渐进的效果 会使你的网站浏览速度很慢 很慢影响你的网站的流量

用css滤镜
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=‘’#98B2E6‘’, endColorStr=‘’#3568CC‘’, gradientType=‘’1‘’)"

一般不用滤镜，主要是效率和各浏览器的支持的考虑．
用图片吧

最好不要很麻烦的用css来做渐进背景色

可以把渐进颜色做成1像素的JPG图片。（比如bg.jpg）

<div style="background:url(images/1.jpg)">文字叙述</div>

这样在层里就有了一个自动重复的背景，这样做是很随意的。

===