css左边一个div变亮了？答案

【问题标题】：Css left side of a div brighter?css左边一个div变亮了？
【发布时间】：2012-08-07 13:00:30
【问题描述】：

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

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

有解决办法吗？

编辑

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

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

【问题讨论】：

标签： css html colors

【解决方案1】：

如果我理解正确，您正在寻找一种添加渐变的方法。下面是从左到右渐变的 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 Gradient Generator

【讨论】：

很好 (+1)，但 CSS 渐变尚未在所有重要的浏览器中实现。有关哪些浏览器支持它的详细信息，请参阅caniuse.com/css-gradients。
请注意，如果没有 CSS3 PIE 或类似的东西（这可能会导致性能问题），则在 IE8 及更早版本中不起作用
+1 给两个 cmets，感谢您的链接和澄清。

【解决方案2】：

您需要的是渐变。
试试this generator 或只是阅读它们

【讨论】：