 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
| pandy |
Apr 1 2012, 06:22 PM
Post
#2
|
|
🌟Computer says no🌟  Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Does <!DOCTYPE html> make a difference? How does the page react to another doctype that triggers Standards Mode?
|
|
|
|
| Darin McGrew |
Apr 1 2012, 09:41 PM
Post
#3
|
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
QUOTE(pandy @ Apr 1 2012, 04:22 PM)  Does <!DOCTYPE html> make a difference? How does the page react to another doctype that triggers Standards Mode? FWIW, the HTML 5 doctype should trigger standards mode. |
|
|
|
| pandy |
Apr 1 2012, 10:47 PM
Post
#4
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I want to make sure it happens with other standards mode doctypes too. Sounds odd it only works in quirks. Haven't tried gradients myself, but why wouldn't they work in SM?
|
|
|
|
Posts in this topic
carsten chr Gradient Background CSS Apr 1 2012, 05:48 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 Christian J The CSS3 "background-size" property make... Apr 3 2012, 09:05 AM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 17th April 2024 - 11:22 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC