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更亮？

回答

相關問題