基于Bootstrap的主题在IE10中被破解

在IE10出现之前，http://metagraf.github.io在所有测试过的浏览器中表现良好。 在IE10中查看时，顶层菜单覆盖整个页面。 IE10页面外观的截图可以在这里看到：https：//dl.dropboxusercontent.com/u/2897577/ie10.png关于如何解决这个问题的任何想法？

关于奥斯卡

---

因此，当我在IE 10中运行该网站时，确实是顶级菜单在IE 10中看起来很怪异。

问题的直接来源是导航栏中的img 。

如果您按F12并使用IE的开发人员工具栏，然后如果您将img的width属性从auto为仅被取消选中（以使auto不再是该值，则该站点突然看起来很正常。

深入探究这个问题，下面是引导程序中img的css设置：

img {
  width: auto9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

好吧，那么世界上的width: auto9是什么width: auto9 ？ 那么，看起来这是一个IE浏览器黑客，但一个不适用于IE 10的黑客。

宽度属性为CSS 9

http://www.paulirish.com/2009/browser-specific-css-hacks/

所以，作为一个快速解决，我想有一两件事你可以做的是设置一个自定义的css对房地产img在navbar是确切关于的宽度img 。

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

上一篇: Bootstrap based theme broken in IE10

下一篇: How do I load binary image data using Javascript and XMLHttpRequest?