6 
body {
    background: gray; 
    font-family: sans-serif;
    width: 960px;
    margin: auto;
}

header {
    background: green;
    border: 10px solid black;
}

nav {
    margin-top:10px;
    background: #62D99C;
    border-radius: 10px;
    padding: 10px;
}

IE8 では、ヘッダーとナビゲーションの背景が機能しません。Chrome と FF で動作します。私は何をすべきか？ありがとう！

4

3 に答える 3

10

display:blockheader 要素と nav 要素に適用する必要があります。

header {
  display: block;
  background: green;
  border: 10px solid black;
}

nav {
  display: block;
  margin-top:10px;
  background: #62D99C;
  border-radius: 10px;
  padding: 10px;
}

次のjsも含める必要があるようです：

<!--[if lt IE 9]>
<script>
  document.createElement('header');
  document.createElement('nav');
</script>
<![endif]-->

その理由は次のとおりです。

http://tatiyants.com/how-to-get-ie8-to-support-html5-tags-and-web-fonts/

簡単に言えば、IE8 はデフォルトで HTML5 要素をサポートしていませんが、この JavaScript を実行することで (IE8 以下のみ)、それらの要素を認識し始めます。ほとんどの開発者は、何らかの形式を使用html5 shimしてこれを修正します。

http://code.google.com/p/html5shim/

于 2012-11-18T11:52:42.277 に答える
0

IE8は、HTML4には存在しなかったHTML5の機能をサポートしていないようです（これには、新しい要素headerとが含まれますnav）。IE8はHTML5とCSS3をサポートしていますか？という質問の回答を参照してください。

要素を古い、機能する方法に置き換えてみてください：<div class="nav">そしてCSS-selectorを使用してください.nav。

于 2012-11-18T11:56:49.647 に答える