Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 基于Bootstrap的主题在IE10中被打破_Css_Twitter Bootstrap_Internet Explorer 10 - Fatal编程技术网

Css 基于Bootstrap的主题在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中查看时,顶部菜单覆盖整个页面。 IE10中页面外观的屏幕截图如下: 有没有办法解决这个问题


关于奥斯卡

所以当我在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的宽度有关