CSS3邊框和漸變

Question

我有一個HTML CSS查詢。

我有以下的小提琴小提琴。 http://jsfiddle.net/NC9NL/如果你看這個小提琴，你會看到我有兩個div的主要內容的任何一方給它的梯度效果。這兩個divs左右設置爲100％;

然而，當主要內容大於這個例如需要一個滾動條，這些其他兩個div不會沿着頁面。有誰知道我可以做到這一點。

乾杯，

Answer 1

我想你並不真的需要那些額外的列。只需將兩個漸變組合成一個並將其分配到主列：

.container_body { 
    background: #fff; 
    background: -moz-linear-gradient(left, #c6c6c6 0%, #ffffff 2%, #ffffff 98%, #c6c6c6 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6c6c6), color-stop(2%,#ffffff), color-stop(98%,#ffffff), color-stop(100%,#c6c6c6)); 
    background: -webkit-linear-gradient(left, #c6c6c6 0%,#ffffff 2%,#ffffff 98%,#c6c6c6 100%); 
    background: -o-linear-gradient(left, #c6c6c6 0%,#ffffff 2%,#ffffff 98%,#c6c6c6 100%); 
    background: -ms-linear-gradient(left, #c6c6c6 0%,#ffffff 2%,#ffffff 98%,#c6c6c6 100%); 
    background: linear-gradient(to right, #c6c6c6 0%,#ffffff 2%,#ffffff 98%,#c6c6c6 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#c6c6c6',GradientType=1); 
}