0

HTMLタグに由来するグラデーションを修正できるかどうか知りたいです:

html, body, .wrapper {
    height: 100%;
}
body > .wrapper {
    height: 100%;
    min-height: 100%;
}

html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-attachment: fixed !important;
    background-image: green;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(green), color-stop(20%, #fff), color-stop(80%, #fff), color-stop(100%, green));
    background-image: -webkit-linear-gradient(left, green, #fff 20%, green 100%);
    background-image: -moz-linear-gradient(left, green, #fff 20%, green 100%));
    background-image: -o-linear-gradient(left, green, #fff 20%, green 100%));
    background-image: -ms-linear-gradient(left, green, #fff 20%, green 100%));
    background-image: linear-gradient(left, green, #fff 20%, green 100%));

}

ブラウザ ウィンドウのサイズを変更しても、グラデーションが移動しないようにします。

これは可能ですか？

どうもありがとう。

4

1 に答える 1

3

特定のpx値に設定します。

background: linear-gradient(to right, green 0%, #fff 300px, green 100%);

http://jsfiddle.net/GuMKd/

このツールの使用を検討してください：http：//www.colorzilla.com/gradient-editor/

于 2013-03-12T15:58:27.810 に答える