CODEWITHSUNDEEP
htmlcssgradient
M Sach
M Sach

Reputation: 34424

Do we require filter gradient ( filter: progid:DXImageTransform.Microsoft.gradient ()for IE only as gradient effect work on firefox without it?

Do we require filter gradient ( filter: progid:DXImageTransform.Microsoft.gradient ()for IE only as it work on firefox without it? Setting the below property in css gave me proper gradient effect on IE

 #mainmenu .gradientfilterIE {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77D3F8',     endColorstr='#3FA4D8',GradientType=0 );
  }

But on Chrome and Firefox it works without it too.

This question is actually in continuation of Why Displaying different gradient color on IE but works perfectly on firefox and chrome?

Upvotes: 1

Views: 1035

Answers (2)

Paul D. Waite
Paul D. Waite

Reputation: 98866

The filter (and -ms-filter) CSS properties are only supported in Internet Explorer. They’re a Microsoft extension to CSS, and aren’t supported in any other browser

They’re the only non-image way to achieve gradients in Internet Explorer as of version 9 (although IE 10 should support CSS gradients in some form), so they’re required in IE if you want gradients without images.

(Although as @Jules notes, IE 9 does support both SVG images and embedded base-64 encoded images, so you can have gradients in IE 9 without separate image files).

Note that Microsoft’s gradient filter is a bit more limited than the various CSS gradient syntaxes, and SVG’s gradient syntax.

Upvotes: 5

danwellman
danwellman

Reputation: 9273

IE filters are not needed on any browser except IE.

Most other browsers support CSS, including CSS3 gradients

Upvotes: 1

Related Questions