【问题标题】:Zerb Foundation 3 - IE7 Fix not working?Zerb Foundation 3 - IE7 修复不起作用?
【发布时间】: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,它仍在实施,但似乎也没有帮助。

你可以view the site HERE

提前致谢!

【问题讨论】:

  • 当我在浏览器堆栈中启动您的网站时,它会使浏览器崩溃。想法?
  • @justinavery 我已经修复了 IE 崩溃问题。谢谢!!!
  • 我想我已经解决了。这个基础运行在一个非常基本的 wordpress 主题(作为一个框架)上。我使用的是一个子主题,所以我最终添加了 *behavior: url(../javascripts/boxsizing.htc);到子主题的 .css 文件,我认为现在很好。如果有人可以确认,将不胜感激。

标签: html cross-browser internet-explorer-7 responsive-design modernizr


【解决方案1】:

我已经解决了这个问题,我正在使用转换为 wordpress 的基础,并将上述内容包含在我的 style.css 顶部作为我的主题,它对我有用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-01-31
    • 2013-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-04
    • 2012-02-09
    • 2010-10-05
    相关资源
    最近更新 更多