[help] Gradient effect only works in IE

Hey peeps.

I made a gradient for the background on my website

using the body tag in html but it only works in internet

explorer. Is there any way I can get it to work in

Opera, Firefox, and safari ?

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

#232481

That particular piece of code will only work with IE.

You are basicaly using an Active-X component to tell Direct X to draw the gradient.

There may be a Javascript solution out there or just use a background image with the gradient in it.

#232486

Yeah, but then it would take longer to load, and it would be harder on my

bandwidth Is there any way to do this without using activx ?

#232528

Yes, although I can't do the specifics.

Set the body of the page to colour 'A'.

Make a gif with a gradient from 'B' fading towards A at the top. Make a

that sits above the body, but below everything else and use CSS to tile the gif across the bottom of the page. Make it position:fixed so that it sticks to the same point no matter what.

See it done at --> http://www.alistapart.com/

#232587

I asked this question before & the answer was an image that was tiled (1px high) and stretched using a style.

[off-topic] Did you make your website in RapidWeaver or did you steal the theme from it?

#232589

Rapidweaver ? Whats that ? Steal ? Its not made from a template or anything

if thats what your talking about.

Edit :

I see this rapidweaver thing is some kind of drag and drop

thing that automatically generates html ? LOL Has anyone tried this ?

Does it actually work ? I saw the video on the site and it looks

man cheap-ass lol and its for macs only isnt it ?

#232591

Your website is exactly like the template in RapidWeaver. EXACTLY. If they stole it you might need to contact them.

#232610

HOLY CRAP ! If someone has this can you plz take a screenshot for me ?

Thanks.

#232687