-ms-filter vs filter What's the difference?

Question

What\'s the difference between between IE\'s filter and -ms-filter properties? If I use one should I use them both? Do they do the same thing, but

Answer 1

-ms-filter property

Sets or retrieves the filter or collection of filters that are applied to the object. Note As of Windows Internet Explorer 9 this feature was deprecated. As of Internet Explorer 10 this feature was removed and should no longer be used.

-ms-filter property

Answer 2

Microsoft introduced -ms-filter to make Internet Explorer more standards-compliant (CSS 2.1 requires vendor extensions to have vendor prefix). As the syntax of original filter property is not CSS 2.1 compliant, IE8+ requires the value of the -ms-filter property to be enclosed in quotation marks.

filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=40)";

-ms-filter is supported in IE8+, legacy filter property is, as far as I know, for backwards compatibility supported in all versions of Internet Explorer.

Related link: http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

Please note that support for filters may be removed in IE10.

Answer 3

I believe -ms is the vendor prefix for some of the new CSS3 properties while filter is an older property meant for IE 6-8(I could be wrong on IE 6, but I know for sure it's used in IE 8). Here's more information on where -ms is used: http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx.