Forum Moderators: not2easy

Message Too Old, No Replies

Troubles with background gradient

         

karinakro

4:46 am on Jul 23, 2009 (gmt 0)

10+ Year Member



Hi!

I'm new here, but this forum is my last chance for help. I tried searching the previous posts, but without luck.

Challenge: I need to create a background for Wordpress theme that looks like this:
<snip>

As you see it's a gradient background, but I can't create a gradient image in Photoshop and then repeat it, because the length of the page can vary.

Are here any geniuses that know the solution?

Karina

[edited by: swa66 at 9:49 am (utc) on July 23, 2009]
[edit reason] No links, please see ToS and Forum Charter [/edit]

swa66

9:53 am on Jul 23, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



To get a real gradient you could learn SVG and get it that way, but Microsoft decided to ignore that standard and instead push their own alternative, so you'll have to do some browser sniffing and feed it it's own version of the page in addition to it.

CSS3 might have a solution, but there again: it's rather early and Microsoft decided not to play either.

I guess it could be done with javascript but I know too little to point you in the right direction.

birdbrain

10:39 am on Jul 23, 2009 (gmt 0)



Hi there karinakro,

and a warm welcome to these forums. ;)

Have you considered using background-attachment:fixed attribute?
This would keep your gradient background static as the content scrolled.

birdbrain