 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 ! |
  |
 
|
  |
Replies
| Christian J |
Apr 3 2012, 09:05 AM
Post
#2
|
|
.  Group: WDG Moderators Posts: 9,653 Joined: 10-August 06 Member No.: 7 |
The CSS3 "background-size" property makes a BG image fill the whole viewport:
CODE html { background-image: url(dog.jpg); background-size: 100%; border: solid red; } but apparently that only applies to BG image files, not BG gradient images. Of course the gradient properties are still experimental, it seems none of my browsers support the official W3C syntax yet. |
|
|
|
Posts in this topic
carsten chr Gradient Background CSS Apr 1 2012, 05:48 PM
pandy Does <!DOCTYPE html> make a difference? ... Apr 1 2012, 06:22 PM
Darin McGrew Does <!DOCTYPE html> make a difference? ... Apr 1 2012, 09:41 PM pandy I want to make sure it happens with other standard... Apr 1 2012, 10:47 PM Frederiek Can you post the url of the page?
BTW, you lack s... Apr 2 2012, 01:50 AM Christian J Both screenshots seem to have gradients, just that... Apr 2 2012, 08:54 AM pandy That would explain it. I don't see a gradient ... Apr 2 2012, 04:54 PM Christian J I just barely could make it out, to be sure I had ... Apr 2 2012, 07:02 PM pandy Background color doesn't always fill either, b... Apr 2 2012, 07:29 PM Christian J
Background color doesn't always fill either, ... Apr 3 2012, 04:45 AM Christian J
Background color doesn't always fill either, ... Apr 3 2012, 09:06 AM pandy Yes, but I say that doesn't always happen with... Apr 3 2012, 01:44 PM Christian J
Yes, but I say that doesn't always happen wit... Apr 3 2012, 05:45 PM Frederiek
Not if you add height: 100%; to the CSS. Apr 3 2012, 01:41 AM Christian J
Not if you add height: 100%; to the CSS.
Yes, t... Apr 3 2012, 04:36 AM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 19th April 2024 - 08:32 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC