在IE10中打破了基于Bootstrap的主题

时间:2013-06-09 13:13:38

标签: css twitter-bootstrap internet-explorer-10

在IE10出现之前,

http://metagraf.github.io在所有经过测试的浏览器中都表现良好。在IE10中查看时,顶部菜单覆盖整个页面。 可以在此处查看有关页面在IE10中的外观的屏幕截图:https://dl.dropboxusercontent.com/u/2897577/ie10.png 关于如何解决这个问题的任何想法?

关于奥斯卡

1 个答案:

答案 0 :(得分:4)

因此,当我在IE 10中运行有问题的网站时,确实如此,顶级菜单确实在IE 10中显得有些错误。

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

如果您点击F12并使用IE的开发者工具栏,然后将width的{​​{1}}属性从img设置为仅未检查(所以auto不再是值,该网站突然看起来正常。

深入研究问题,这里是引导程序中auto的{​​{1}}设置:

css

好的,那么世界上的img是什么? 嗯,看起来它是一个IE黑客,但是一个不适用于IE 10的黑客。

  1. CSS \9 in width property
  2. http://www.paulirish.com/2009/browser-specific-css-hacks/
  3. 因此,作为快速修复,我想您可以做的一件事就是设置自定义img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } 属性 在width: auto\9 css上,与img的宽度完全相同。