CODEWITHSUNDEEP
css
slandau
slandau

Reputation: 24072

CSS gradients not displaying on old versions of IE and Firefox

.horizontalTabGradient
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeff4', endColorstr='#ffffff', iOrientation=1); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#edeff4), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #edeff4,  #ffffff); /* for firefox 3.6+ */   
}

We set the backgrounds this this CSS specifies to a lot of our buttons and grid headers throughout our app. We recently found through testing that when viewing the app on older versions of Firefox and IE, the background does not appear.

Is this just flat out not supported by the older versions? Or is there a way we can get it to work in both.

Thanks!

Upvotes: 0

Views: 393

Answers (1)

BoltClock
BoltClock

Reputation: 724252

Is this just flat out not supported by the older versions?

Yes.

Or is there a way we can get it to work in both.

Yes, but not with CSS alone, you need to use images.

Upvotes: 2

Related Questions