Legacy DX Filters Removed from IE10 Release Preview


Internet Explorer’s commitment to achieving the goal of consistent “same markup, same results” across browsers is evidenced, in part, by IE9’s and IE10’s addition of CSS3 features that enable Web sites to move to standards-based features for their graphical effects.

Earlier we wrote
that Internet Explorer’s legacy
visual filters and transitions
, first introduced in IE4, are not supported in IE10’s
Standards and Quirks modes and noted their inferior performance compared to their
standards-based replacements. Based on further analysis of these filters’ performance and their very low usage
on the public Web, Internet Explorer 10 in Windows 8 Release Preview removes them
from all document modes for all sites in the Internet zone.
The features
remain available in IE10’s document modes 5, 7, 8, and 9 for sites in the Local
Intranet and Trusted Sizes zones.

Updating Web Sites

There is no mechanism for a Web site developer to enable legacy filters on their
pages.

Our guidance remains the same as stated in
Moving to Standards-based Web Graphics in IE10
: Now is the time to make the move to standards-based
markup and use IE10’s new CSS3 features instead of legacy DX Filters. Please refer to that post for specific guidance.

Changing Setting by Zone

End-users can change the default rendering of legacy filters using the Security tab of the Internet Options
dialog. Select the zone to change and touch or click “Custom level…”. In the Security
Settings dialog for that zone, scroll down to the Option “Render legacy filters”
in the “Miscellaneous” section. There you may enable or disable the rendering of
filters for all sites in that zone.

alt="Security tab of the Internet Options dialog showing the Internet zone highlighted"
src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3187.nsfrfirp-image1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3187.nsfrfirp_2D00_image1.png" />
Security tab of the Internet Options dialog showing the Internet zone highlighted

alt="Security Settings dialog scrolled to the location of the Render legacy filters setting"
src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2117.nsfrfirp-image2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2117.nsfrfirp_2D00_image2.png" />
Security Settings dialog scrolled to the location of the Render legacy filters setting

System administrators can control this setting for all users using Group Policy.

Move to Standards-based Markup

As we’ve written many times on this blog, users benefit when all browsers support the same standards-based markup and all sites serve standards-based content to all browsers.

We encourage all developers to serve the same standards markup to IE10 and move your sites off of IE’s legacy filter features today.

—Ted Johnson, Lead Program Manager, Internet Explorer Graphics

Comments (29)

  1. FremyCompany says:

    DX Filters, I loved you… I always knew you were going to die but you're still not replaced by anything as good. A shame you were so buggy and complex to use, you could probably have been standardized otherwhise. Learn that for the next time ;-)

  2. Arieta says:

    This is great, now we just need to remove IE5, 7, 8 and 9 modes.

    Oh, and also, release a preview for Windows 7.

  3. Mazza says:

    Now we just need to kill all other versions of Internet Explorer.

  4. Top 5? I do also want you to remove IE 5, 7, 8 and 9 modes. Compat view is so AWFUL!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  5. thanks. says:

    Cool, so, what about the sites we've built that used them because, you know, there were no alternatives?  I guess in your new browser those sites are just all broke, eh.

  6. Still looks like from 1999

  7. Orion says:

    @thanks, they're all broke anyways since you're looking at 40+% of the market not supporting them (i.e. Chrome, Firefox, Safari, Opera). Since IE is also far from dominant on mobile devices they were broken there too. Now they're broken everywhere. Non-standards development cannot survive in a world where there are multiple, viable vendors. Which is generally why you don't see proprietary networking standards, for example.

  8. Orion says:

    Are the IE folks ever going to update the icons in the Internet Options so that they're not low-color count gifs? I thought safe mode was full 32-bit color these days and it wasn't necessary to use the low-bit depth icons anymore.

  9. thanks. says:

    @Orion, the other browsers had solutions which we used.  The problem is that IE didn't… IE10 added support for the new ways at the same time as they removed support for the old ones with no overlap when they both worked.  Result: scramble.

  10. IE should just open Maxhton browser settings page and rip it off

  11. pleeease support mathml ! says:

    All browsers suport mathml. Only explorer not support it. Mathml is an finalized and aproved standart. Then why is the escuse to no support it in IE ?

  12. pp says:

    Hi. As you probably know, google started to intentionally hinder ie. When you search for something, click on result, and then click back, a google redirection url is activated and the page is reloaded… this makes normal searching real hard, because back button doesn't work.

    Are you going to support userscripts so this can be mitigated with a little bit of js? I know you have bing but google still has better results especially for non-english internet…

  13. Xero says:

    Kindly look into fixing the CSS :hover problem flickering with mouse movement. This damages the experience on most of the rich internet applications.

    Connect ticket: connect.microsoft.com/…/abs-pos-elements-above-images-can-loose-hover-state-during-pointer-movement

    Public Test: http://www.freewebs.com/…/218-hover-flicker.html

    Also, read the comments on connect bug report.

  14. David S says:

    I don't know if this is the right place to post this but there are some intricate issues with touch screen web browsing.

    Namely, if I go to bing maps (or google maps :D) I cannot scoll the map by touch. Instead the entire page scrolls. Is there any solution in HTML5 to tell the browser that this section should behave as it's own "screen"? And there should also be a way to "hop out" of the map incase I actually want to scroll the entire page. Just in case the outer area is somehow obscured by my device/browser or just bad coding.

    Another thing that is lost on touch screen browsing is hover. Should developers build their sites without hover or will there be a standard way to treat hovering. i.e. hold down the element for a second or so to expose the hover menu/tooltip etc.

    P.S. Hope this doesn't double post

  15. Ian Thomas says:

    Where do you see the "Render legacy filters" option actually being used? The only case it would be useful would be if someone had worked to make their site IE10 compatible and changed the doctype, but failed to notice that there was a problem with the filters. We're therefore talking about sites that can be changed (i.e. not embedded firmware and unsupported intranet sites, which caused us to be stuck with IE6 for so long), and it will therefore usually be much easier to change the site than to ask all the users to change their settings. Seems a big edge case to me.

    So there's not much benefit to the feature, but is there a cost? You've got a bit of clutter in the settings dialog, but more importantly you've introduced yet another rendering mode that sites might encounter: IE10 with filters. Should sites be testing this configuration? If not, then users might run into problems. If yes, then that's a massive extra cost you're adding to site builders.

  16. Xero says:

    @David S, please join connect.Microsoft.com/ie/feedback and submit this bug. Also, send us the url so we can vote.

  17. PhistucK says:

    @pleeease support mathml ! -

    Your statement is incorrect.

    For example, Chrome does not support MathML.

    Opera supports a limited subset. Safari 5.1 has an option to enable it, if I understand correctly.

    It seems like only FireFox supports it by default.

  18. ASquare says:

    hey guys, I can still see DXfilters rendering in IE10 in all modes except Standards and Quirks! Check this example:

    samples.msdn.microsoft.com/…/gradientOnBodySizedDiv.html

    Are you sure you were not smoking anything while you were typing: "Internet Explorer 10 in Windows 8 Release Preview removes them from all document modes for all sites in the Internet zone" ?

  19. Xero says:

    @thanks.   &  @Orion,

    DX filters are very old, almost since the inception of the web (when there was no solid standard for these fancy markups). Then new proposals came through over the years and now W3C has standard for gradient and other effects to level the legacy filters in IE.

    These days, some websites on Intranet/Trusted Zone (within the organizations) are designed and optimized for "IE ONLY". In the Internet zone, websites are always supply with multiple fallback methods to provide the compatibility in browsers (like we use vendor prefixes -moz, -o, -webkit, -ms). Similarly, if some website is using CSS gradient filter for IE in Internet Zone,  it would  definitely have "background-image: gradient()" too to support other browsers. And now with the grace of new IE10, it would ignore the filter and read background-image: gradient() like other browsers.

    This means there is no problem with any website on the Internet Zone unless it was only using those effect in IE and nothing to support the other browsers (which is not very likely).

  20. Trooper says:

    Considering the feature request to VS and ASP.NET teams, I guess now it would be easy for you guys to implement CSS code-snippet for gradient too aspnet.uservoice.com/…/2883098-code-snippet-for-linear-gradient-and-intellisense-  because the "tricky part", as I mentioned there, is already taken care of. 8-)

    Thank you so very much for your effort and this bold — yet witty — step.

    @FermyCompany..  I agree and I love them too !! been there for 10+ years… guess its time to move on… Then these youn'uns talk low about legengadry brwoser.. which hurts for real !

    Thank you all for thought sharing and it is a new day for Internet Explorer.

  21. PhistucK says:

    @Xero -

    It makes sense to me that these websites did not include an -ms version of the gradients, but I could be wrong.

    Anyway, I agree that this removal will not hurt most of the internet in general, but only a negligible amount. They should be punished for writing proprietary code that no one (standard bodies) guaranteed it would last forever. :P

  22. Bao says:

    Just release it already!! Damn, I wonder if IE11 will be tied to Windows 9…

  23. Ben says:

    Your Comment form is still broken – please fix it!

    Your Comment form is still broken – please fix it!

    Your Comment form is still broken – please fix it!

  24. jsMath says:

    For the MathML fans I recommend jsMath (see for example http://www.math.union.edu/…/Henrici.html). It basically gets you support for most of the LaTeX math markup, with the same rendering on all browsers. It is not that lightweight, but it does work great and gets you nice-looking math.

  25. mathml says:

    PhistucK

    veta version ofcrhome already support mathml.

    only ie dosent support mathml

  26. PhistucK says:

    @mathml -

    I tried it in the canary version (21) of Chrome and it rendered MathML as if it were ordinary HTML with unknown inline elements.

    I tried this one -

    http://www.mathjax.org/…/mathml-samples

    However, it looks like the JavaScript transforms it to look right.

    When I select "MathML" in the selection box, it tells me that MathML is not natively supported in my browser and the samples are displayed like unknown inline HTML elements.

    Do you have a web page that demonstrates this support?

    And a screenshot?

  27. @PhistucK says:

    Its not supported on chrome…. mozilla only care for mathml natively… all others support via plugin (including IE9)  http://www.dessci.com/…/versionhistory.htm

  28. chrome mathml support says:

    from code.google.com/…/detail =>Dave Barton is working on Webkit's MathML implementation and is concentrating his effort on fixing the most important bugs that could prevent passing security review. People who are really interested in seeing this bug fixed should follow his work on Webkit's bugzilla and possibly help him.

  29. On behalf of millions of small web site builders that have myriad pages (and javascript) code functions using the imageobject.filters.alpha.opacity=opacity and style="filter:alpha(opacity=100);" functions ALREADY in their webpages; PLEASE recode IE 10 to allow legacy or alias reading of ALL THIS EXISTING CODE, in tens of millions of web pages.

      <script>

    function lightup(imageobject, opacity){

    if (navigator.appName.indexOf("Netscape")!=-1

     &&parseInt(navigator.appVersion)>=5)

       imageobject.style.MozOpacity=opacity/100

    else if (navigator.appName.indexOf("Microsoft")!= -1

     &&parseInt(navigator.appVersion)>=4)

       imageobject.filters.alpha.opacity=opacity

    }

    </script>

    style="filter:alpha(opacity=100); -moz-opacity:0.7"

    onMouseover="lightup(this, 70)" onMouseout="lightup(this, 100)"

    Why should we have to rewrite millions of lines of code, for millions of image functions, when the IE 10 browser CAN BE coded to legacy read these properties ? (AS WELL AS THE NEW IMPLEMENTATIONS)

    In essence ALL THAT WORK IS DOWN THE TOILET WITH THE IE 10 RELEASE…

    Which is fairer? Code IE 10 to continue reading the DX filters as are (AND the New Standards) OR trash millions of pages cross the entire planet that STILL HAVE THIS CODE.

    Same goes for filter: progid:DXImageTransform.Microsoft.Shadow(color=red, direction=135, strength=12); [FOR EXAMPLE]

    Please seriously consider this and implement "on the fly legacy code reading" SO WE DON'T HAVE TO SPEND WEEKS REWRITING ALL THAT CODE…

    SERIOUSLY….

    Thanks…