How do I reset or override IE CSS filters?

css filter internet-explorer
SpliFF picture SpliFF · Nov 20, 2009 · Viewed 62.1k times · Source

I'm using the proprietry MS 'filter' property to try and create a non ugly equivalent to css3 text-shadow and box-shadow;

I was actually doing really well until I hit this problem. It looks like when I apply a filter to a div inside another div which also has a filter the filter effects end up being combined on the child object.

I've tried using filter:none; to do a reset but no joy. I've also tried different variations on the syntax, ie "-ms-filter: 'progid:...Glow()'", "filter: progid:...Glow()", "filter: Glow()", etc..

Testing in IE8

Answer

el22or picture el22or · Feb 18, 2011

There is boolean attribute enabled, for which you can set false or true http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx

Example:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";

Related questions

CSS Blur in IE 11

I have been trying to get A css blur effect in IE 11 for hours and did not make any progress. I tried to use the following simple html: <!DOCTYPE HTML> <html> <head> <style …

Read More
Multiple CSS filters in IE

I'm just wondering that it is possible to apply two different filters in IE using CSS. So, I need to use a transparent PNG and also some opacity to a div. Is it possible to use both of them? My …

Read More
IE 8: background-size fix

I've tried to add background size to IE but it's not working at all: HTML <h2 id="news">Notícias <img src="white-marker.png" alt="" /></h2> CSS: div#content h2#news { background: url('../…

Read More