-1

HTML CSS クエリがあります。

次のJS Fiddleがあります。 http://jsfiddle.net/NC9NL/ このフィドルを見ると、グラデーション効果を与えるために、メイン コンテンツの両側に 2 つの div があることがわかります。これらの左右の 2 つの div は 100% に設定されています。

ただし、メイン コンテンツがこれよりも大きい場合、たとえばスクロール バーが必要な場合、これらの他の 2 つの div はページの下に続きません。誰も私がこれを達成する方法を知っていますか?

乾杯、

4

1 に答える 1

2

これらの追加の列は本当に必要ないと思います。両方のグラデーションを 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 );
}
于 2012-10-17T10:38:47.103 に答える