Css 基于Bootstrap的主题在IE10中被打破
在IE10出现之前,它在所有经过测试的浏览器中都表现良好。在IE10中查看时,顶部菜单覆盖整个页面。 IE10中页面外观的屏幕截图如下: 有没有办法解决这个问题Css 基于Bootstrap的主题在IE10中被打破,css,twitter-bootstrap,internet-explorer-10,Css,Twitter Bootstrap,Internet Explorer 10,在IE10出现之前,它在所有经过测试的浏览器中都表现良好。在IE10中查看时,顶部菜单覆盖整个页面。 IE10中页面外观的屏幕截图如下: 有没有办法解决这个问题 关于奥斯卡所以当我在IE10中运行有问题的站点时,是的,的确,IE10中的顶部菜单看起来有问题 问题的直接根源是导航栏中的img 如果您点击F12并使用IE的开发者工具栏,然后如果您将img的width属性从auto设置为刚刚取消选中(因此auto不再是该值,那么站点突然看起来正常 深入研究这个问题,下面是引导中img的css设置: i
关于奥斯卡所以当我在IE10中运行有问题的站点时,是的,的确,IE10中的顶部菜单看起来有问题 问题的直接根源是导航栏中的
img
如果您点击F12
并使用IE的开发者工具栏,然后如果您将img
的width
属性从auto
设置为刚刚取消选中(因此auto
不再是该值,那么站点突然看起来正常
深入研究这个问题,下面是引导中img
的css
设置:
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
好的,那么什么是宽度:auto\9
?
好吧,看起来这是一个IE黑客,但一个不适用于IE 10的黑客
因此,作为一个快速修复,我想您可以做的一件事是设置一个自定义css
属性
在navbar
中的img
上,这与img
如何在IE10中运行Css的宽度有关