Internet Explorer 9 compatibilty issue

My client's website which is www.sateri.com has problem regarding the Internet Explorer 9 compatibility. The website looks good in Firefox, Chrome and IE8 and below. But not in IE9. The problem is it's not display the text on the drop down menu.

Then, I tried all the methods to solve this problem I found on this Stackoverflow as well as on other sites. These are some meta tags I added.

  • meta http-equiv="X-UA-Compatible" content="IE=7, IE=8, IE=9, IE=10"
  • meta http-equiv="X-UA-Compatible" content="IE=Edge"
  • meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE8; IE=EmulateIE9"
  • I put the meta tag before all other elements that aren't meta or title.

    I also change the DOCTYPE to this: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

    Then, I removed any comments in the head and below the DOCTYPE

    However, the website still the same. The drop down menu still didn't displayed well. Guys, please help me. I'm stuck. My client want me to fix it urgently :(


    you have some minor markup errors...

    http://validator.w3.org/check?uri=http%3A//www.sateri.com/main/en

    but I can't see anything major except or the tag in the block.... should be avoided... yes utf-8 encoding...

    You can test cufon in IE with Tools>Internet Options>Advanced tab, Accessibility button, check "Ignore font styles in web pages".... this will force IE to use its default web fonts instead o the cufon shims... from memory cufon had some issues with IE9... I think the solution was to add the x-ua IE=8 meta to force IE9 to use the IE8 rendering engine... then you may loose support for some of the html5 features you have in there.

    链接地址: http://www.djcxy.com/p/42006.html

    上一篇: Internet Explorer的圆角

    下一篇: Internet Explorer 9兼容性问题