css3 based gradients application

so, applied id body of site, can ensure sits behind foreground content/text.

it doing that, gradient calculating entire height of body - disregarding guess @ 30% below. tried set height in pixels , no luck there.

i gradient white of screen , have gradient around footer area. bottom 20%, maybe 30% of screen.

so bulk of screen white background.

ideas how adjust how performs?

#grad1 {

height: 30%;

background: white; /* browsers not support gradients */

background: -webkit-linear-gradient(white, rgba(124,166,186,70)); /* safari 5.1 6.0 */

background: -o-linear-gradient(white, rgba(124,166,186,70)); /* opera 11.1 12.0 */

background: -moz-linear-gradient(white, rgba(124,166,186,70)); /* firefox 3.6 15 */

background: linear-gradient(white, rgba(124,166,186,70)); /* standard syntax (must last) */

z-index: -1;

}

thanks! need attached body because want edge edge - outside common wrapper dimensions.

then apply primary background (white) body selector.

put gradient on footer.

nancy o.

More discussions in Dreamweaver support forum

adobe

Own