http://metagraf.github.io在所有经过测试的浏览器中都表现良好。在IE10中查看时,顶部菜单覆盖整个页面。 可以在此处查看有关页面在IE10中的外观的屏幕截图:https://dl.dropboxusercontent.com/u/2897577/ie10.png 关于如何解决这个问题的任何想法?
关于奥斯卡
答案 0 :(得分:4)
因此,当我在IE 10中运行有问题的网站时,确实如此,顶级菜单确实在IE 10中显得有些错误。
问题的直接来源是导航栏中的img
。
如果您点击F12
并使用IE的开发者工具栏,然后将width
的{{1}}属性从img
设置为仅未检查(所以auto
不再是值,该网站突然看起来正常。
深入研究问题,这里是引导程序中auto
的{{1}}设置:
css
好的,那么世界上的img
是什么?
嗯,看起来它是一个IE黑客,但是一个不适用于IE 10的黑客。
因此,作为快速修复,我想您可以做的一件事就是设置自定义img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
属性
在width: auto\9
css
上,与img
的宽度完全相同。