非常奇怪的IE7 Bug

时间:2014-02-05 02:03:20

标签: html5 wordpress internet-explorer internet-explorer-7 twitter-bootstrap-3

我有一个我正在研究的Bootstrap 3 / WordPress网站,我已经包含了一些poly-fill,以使一切顺利进行。我发现他们需要IE7兼容性,所以我试图让它尽可能地工作。

在大多数情况下,它表现得非常好。

然而,当我重新调整浏览器大小或使用重定向时,页面上的元素会疯狂地闪烁,因为它们似乎已被删除,然后在几分之一秒内添加。

网站在这里:

wp.jamesendres.com

我不知道造成这种情况的原因是什么,我尝试过使用modernizr,虽然这是我第一次真正使用它。我已经尝试将我的元素从HTML5更改为HTML4元素,但没有运气。

我在运行Windows XP Pro x64的虚拟机中使用IE7。

修改     我把它缩小到了boxsizing.htc文件。更具体地说是行为属性。所以修复盒子尺寸的事情几乎导致痉挛动作。嗯,现在看看我是否可以解决这个问题。

2 个答案:

答案 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,所以我不得不不情愿地支持它。