我有一个我正在研究的Bootstrap 3 / WordPress网站,我已经包含了一些poly-fill,以使一切顺利进行。我发现他们需要IE7兼容性,所以我试图让它尽可能地工作。
在大多数情况下,它表现得非常好。
然而,当我重新调整浏览器大小或使用重定向时,页面上的元素会疯狂地闪烁,因为它们似乎已被删除,然后在几分之一秒内添加。
网站在这里:
我不知道造成这种情况的原因是什么,我尝试过使用modernizr,虽然这是我第一次真正使用它。我已经尝试将我的元素从HTML5更改为HTML4元素,但没有运气。
我在运行Windows XP Pro x64的虚拟机中使用IE7。
修改 我把它缩小到了boxsizing.htc文件。更具体地说是行为属性。所以修复盒子尺寸的事情几乎导致痉挛动作。嗯,现在看看我是否可以解决这个问题。
答案 0 :(得分:0)
答案很简单。
Bootstrap 3不支持IE 7.阅读this(在“IE7,我们很难知道你”中)。考虑使用bootstrap3-ie7。
最后,如果可以,请停止使用IE7。这是 2006年10月的产品。
答案 1 :(得分:0)
所以出于某种原因,它就是填充物。我专门为IE7制作了一个样式表:
*{padding:0 !important}
然后我手动浏览了网站,并用自己的填充和没有Bootstraps(在IE7.css文件中)重新设置了每个元素的样式。它现在有效,没有疯狂的闪光或任何东西,我感觉很好。
如果有其他人遇到类似的问题,我会把它放在我的标题中:
<!--[if lt IE 8]>
<link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap-ie7.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/css/ie7.css" rel="stylesheet">
<![endif]-->
这是一项繁琐的工作,我讨厌IE,除了11并不是那么糟糕。不幸的是,我的客户的建筑仍在使用IE7,所以我不得不不情愿地支持它。