【问题标题】:Header not appearing in IE 7...what could be wrong?标题没有出现在 IE 7 中...可能是什么问题?
【发布时间】:2012-07-04 18:38:55
【问题描述】:

像往常一样,我们在 IE 中遇到了问题。

无论出于何种原因,IE7 中的标头都没有出现。

http://stevens.usc.edu/innovationatUSC/

任何帮助都将不胜感激!

【问题讨论】:

  • 您是否收到任何 JavaScript 错误?
  • 如果你更正了 W3 验证器发现的 185 个错误,那么它会起作用吗?
  • 没有 JavaScript 错误。我查看了 W3 验证器发现的 185 个错误,不幸的是它们都超出了我的控制范围(WP 插件和用户错误)。感谢您的想法。

标签: css internet-explorer internet-explorer-7


【解决方案1】:

在head元素中插入这段代码:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

此外,您应该为所有 html5 元素添加一个“显示:块”作为 CSS 重置的一部分,以便 IE 知道它们是块元素:

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}

【讨论】:

  • shiv 不需要 display:block 部分我认为
【解决方案2】:

IE7 不理解 HTML5 元素,你需要一个“shiv”,在这里你可以找到它:http://code.google.com/p/html5shiv/

【讨论】:

  • 嗯,它应该可以解决它:) 我的意思是,这就是问题的原因,100%,只要确保脚本已加载。首先,删除 if 条件并为所有浏览器加载它。如果这有效,则意味着您的条件不正确。
  • 或者只是将
    替换为
    并相应地更改您的 CSS - 与
【解决方案3】:

如 Dive Into Html 5 中所述,IE7 默认不支持该标签。

http://fortuito.us/diveintohtml5/semantics.html#unknown-elements

【讨论】:

    【解决方案4】:

    尝试在标题元素上设置宽度。

    您的样式表中有一个“.header {width:960px)”,但这不会影响 header 元素,因为它不是一个类,所以它应该只是“header {width:960px)”。

    它可能应该从它的父元素#page 继承宽度,但对于 IE,你永远不知道。

    【讨论】:

      猜你喜欢
      • 2011-01-23
      • 2014-06-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-06-11
      相关资源
      最近更新 更多