Html gradient not working in FF

Html gradient not working in FF - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: Html gradient not working in FF (/showthread.php?tid=71967)

Html gradient not working in FF by duck! on 02-20-2007 at 07:38 PM

I was coding a website when i came across a problem, one of my friends said that there was no gradient in firefox, i looked at this problem search the forums, searched google but no luck and wondered maybe if you guys have found a way around this.
The code is

code:
<body style="border: thin #C0C0C0 groove; filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

RE: Html gradient not working in FF by vikke on 02-20-2007 at 08:35 PM

That's because Microsoft wont let Firefox include that function! I've read about it before! Sorry!

Use an image instead.

RE: Html gradient not working in FF by Dr4g0n on 02-20-2007 at 08:37 PM

quote:
Originally posted by duck!

code:
<body style="border: thin #C0C0C0 groove; filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

As you can see, this probably gives away that it's not a standard CSS. I don't know of a workaround, but I doubt there is one..

RE: RE: Html gradient not working in FF by vikke on 02-20-2007 at 08:39 PM

quote:
Originally posted by Dr4g0n

quote:
Originally posted by duck!

code:
<body style="border: thin #C0C0C0 groove; filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

As you can see, this probably gives away that it's not a standard CSS. I don't know of a workaround, but I doubt there is one..

Nope, because it's an IE-only filter

RE: Html gradient not working in FF by duck! on 02-20-2007 at 09:22 PM

Shame :sad: Is there anyway that if the site is viewed in IE itll be gradient but in firefox itll be a solid color?

RE: Html gradient not working in FF by vikke on 02-20-2007 at 09:25 PM

Sure! Use:

code:
background-color: #C0CFE2;

And the code would be:

code:
<body style="border: thin #C0C0C0 groove; filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0'); background-color: #C0CFE2">

Edit: Disabled emoticons