Html gradient not working in FF

login | register | shoutbox

What happened to the Messenger Plus! forums on msghelp.net?

Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Html gradient not working in FF

Html gradient not working in FF

Author:

Message:

duck!
Senior Member

Posts: 546
Reputation: 27
– / Male

Joined: Sep 2006

O.P. Html gradient not working in FF

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; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

QUACK QUACK QUACK

02-20-2007 07:38 PM

vikke
Senior Member

Posts: 900
Reputation: 28
31 / Male

Joined: May 2006

RE: Html gradient not working in FF

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

Use an image instead.

02-20-2007 08:35 PM

Dr4g0n
Full Member

Posts: 376
Reputation: 15
33 / Male

Joined: Nov 2003

RE: Html gradient not working in FF

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..

This post was edited on 02-20-2007 at 08:37 PM by Dr4g0n.

02-20-2007 08:37 PM

vikke
Senior Member

Posts: 900
Reputation: 28
31 / Male

Joined: May 2006

RE: RE: Html gradient not working in FF

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

02-20-2007 08:39 PM

duck!
Senior Member

Posts: 546
Reputation: 27
– / Male

Joined: Sep 2006

O.P. RE: Html gradient not working in FF

Shame

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

QUACK QUACK QUACK

02-20-2007 09:22 PM

vikke
Senior Member

Posts: 900
Reputation: 28
31 / Male

Joined: May 2006

RE: Html gradient not working in FF

Sure! Use:

code:
background-color: #C0CFE2;

And the code would be:

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

Edit: Disabled emoticons

This post was edited on 02-20-2007 at 09:26 PM by vikke.

02-20-2007 09:25 PM

« Next Oldest

Return to Top

Next Newest »

Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites

Forum Rules:
You cannot post new threads You cannot post replies You cannot post attachments You can edit your posts	HTML is Off myCode is On Smilies are On [img] Code is On