【发布时间】:2012-10-09 04:44:13
【问题描述】:
我在获取 Zerb Foundation 3 的 IE7 修复程序时遇到问题 (found HERE)
我更改了以下内容:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../javascripts/boxsizing.htc);
}
还有:
.button.dropdown > ul {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; *behavior: url(../javascripts/boxsizing.htc);
display: none;
position: absolute;
left: -1px;
background: #fff;
background: rgba(255, 255, 255, 0.95);
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-top: none;
min-width: 100%;
z-index: 40;
}
然而,根据我的 adobe browserlab 测试,它在 IE7 中仍然没有正确显示,现在我不确定这是否只是一个 browserlab 问题,因为我无法运行 IE7。
我还尝试包含Modernizr's no-box-sizing,它仍在实施,但似乎也没有帮助。
提前致谢!
【问题讨论】:
-
当我在浏览器堆栈中启动您的网站时,它会使浏览器崩溃。想法?
-
@justinavery 我已经修复了 IE 崩溃问题。谢谢!!!
-
我想我已经解决了。这个基础运行在一个非常基本的 wordpress 主题(作为一个框架)上。我使用的是一个子主题,所以我最终添加了 *behavior: url(../javascripts/boxsizing.htc);到子主题的 .css 文件,我认为现在很好。如果有人可以确认,将不胜感激。
标签: html cross-browser internet-explorer-7 responsive-design modernizr