Gradient Background CSS |
Gradient Background CSS |
carsten chr |
Apr 1 2012, 05:48 PM
Post
#1
|
Group: Members Posts: 2 Joined: 18-June 11 Member No.: 14,789 |
Hi !......
This is driving me nuts !..... In my "stylesheet_background.css" file I've put: body {background-color: #787878; background-image:-webkit-gradient(linear, left top, left bottom, from(#CDCDCD), to(#131313)); background-image:-o-linear-gradient(top, #CDCDCD, #131313); background-image:-moz-linear-gradient(top, #CDCDCD, #131313); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#CDCDCD', endColorstr='#131313' gradientType='0')} In the top of my webpage I've put: <!DOCTYPE HTML> The output is as follows: If I then remove the DOCTYPE, I'm getting this result: And that's how I wan't it to be (as the last example) ! When I'm scrolling down the page, the gradient background stay fixed (read: don't change). What do I do to solve this issue - I need the DOCTYPE specified to show other things correctly ! Thanks ! |
Christian J |
Apr 2 2012, 08:54 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
Both screenshots seem to have gradients, just that the first one is smaller. The latter could happen if the BODY height is much larger, which in turn might be affected by the Doctype.
For example, to make a short BODY expand you might use CODE body {height: 100%;} in quirks mode, but in standards mode you need something like CODE html, body {height: 100%;} |
Lo-Fi Version | Time is now: 25th April 2024 - 10:17 PM |