Css左侧的div更亮？

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

我想要的是它会从灰色切换到白色。这里有一个例子像我怎么想它是：

enter image description here

有没有解决办法？

编辑

是否会有所帮助的话，这里是我的包装的CSS：

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

来源

2012-08-07 RnD

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

请注意，渐变尚未标准化，许多浏览器都有自己的实现。这就是为什么有多个指令（前缀-O-歌剧，-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

来源

2012-08-07 13:04:22

好（+1），但CSS渐变尚未在所有重要的浏览器中实现。有关浏览器支持的详细信息，请参阅http://caniuse.com/css-gradients。 – Faust 2012-08-07 13:06:15

请注意，在IE8及更早的版本中，如果没有CSS3 PIE或类似的东西（可能会导致性能问题） – 2012-08-07 13:06:55

+1，那么这两个注释都不起作用，这要感谢链接和说明。 – 2012-08-07 13:11:00

，你需要的是梯度。
尝试this generator或只是了解它们

来源

2012-08-07 13:04:51 chilyashev

非常漂亮的工具！ – alf 2012-08-07 13:06:52

Css左侧的div更亮？

回答

相关问题