2

ページの高さを実行するCSSグラデーションがあります。

html {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5fcc2), color-stop(47%,#ecfdd2), color-stop(100%,#fafef3));
    background-image: -moz-linear-gradient(#e5fcc2, #fafef3);
    background-repeat: no-repeat;
    height: 100%;
}

しかし、何らかの理由で、ウィンドウのサイズを変更するとき、特にウィンドウを小さくすると、ページの下部にグラデーションがなくなる大きな白い領域があります。ウィンドウが長い場合、この問題は発生しません。

これを修正する方法はありますか？

4

1 に答える 1

1

これを理解しました。

min-height: 100%Chrome 21、FF 12、および Safari 6 で機能するものを設定する必要がありました。ブロックにもありましbackground-repeat: no-repeat;た。html

于 2012-08-13T18:37:26.620 に答える