Link to home
Start Free TrialLog in
Avatar of ellandrd
ellandrdFlag for Ireland

asked on

Firefox - Gradients

Im trying to get a Gradient to work in Firefox for our website. IE users see it, but Firefox, Opera & Netscape etc dont!

What im currently using is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
      <title></title>
</head>
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#9EB3D1', gradientType='1');">
This is Firefox!!
</body>
</html>

Any chance somebody could help me out??

Ellandrd

p.s Im new to Firefox so be friendly
SOLUTION
Avatar of dorward
dorward

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ndixon
ndixon

yep, sorry the DX filters and transitions are lovely features, but unfortunately they are only any good when you can guaruntee a pure IE audience (an intranet).

The standard way is to create a gradient image, and use it as a background, unfortunatly this will not streatch dynamically as content grows, as stated above you could use z-ordering to position an images behind the text, BUT i have experienced difficulties when sizing an image relatively (i.e. using a percentage), so you may need additional script to capture the size of the area, before sizing the image.

There is certainly no easy way to achieve the microsoft filter on cross browser audience.

Consider your audience, and which browser they are likely to use, remember although other browsers are gaining headway (at last) IE will still be the browser that most (hate the term but) 'non-techies' use.
Avatar of ellandrd

ASKER

ok i was thinking so, but im still confused? if you view the M$ site in Firefox, the gradient is working fine and if you view source code, its showing the filter DX.

Would like to know how they are doing it??

i tried copying the code into textpad and viewing it, but it dont show up, but yet on M$, its shown...

Thanks for your comments

Ellandrd
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Ahhh,

So i see! Mmmm, well its a change of plan for me now

Many Thanks

Ellandrd