3

我有一个 div，它是我的半个网站的包装，左侧有一个类别列表。包装本身是灰色的。

我想要的是它会从灰色切换到白色。这是我希望的示例图像：

在此处输入图像描述

有针对这个的解决方法吗？

编辑

如果它有任何帮助，这里是我的包装器的 css：

#wrapper{
width: 980px;
margin: 0 auto;
background: #f3f3f3;
}
4

2 回答 2

6

如果我理解正确，您正在寻找一种添加渐变的方法。在下面，您可以找到从左到右渐变的 CSS，颜色#FFFFFF为#F3F3F3.

请注意，渐变尚未标准化，许多浏览器都有自己的实现。这就是为什么有多个指令的原因（前缀 -o- 代表 Opera，-moz- 代表 Mozilla 等）：

#wrapper {
    ...
    background-image: 
        linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -o-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -moz-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -webkit-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -ms-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.35, rgb(255,255,255)),
        color-stop(0.84, rgb(243,243,243))
    );
}

这是一个方便的CSS 渐变生成器

于 2012-08-07T13:04:22.420 回答
3

你需要的是渐变。
试试这个生成器或只是阅读它们

于 2012-08-07T13:04:51.727 回答