-1

ナビゲーション メニューが IE 6、7、または 8 で機能しません。IE 6 で機能しなくても問題ありませんが、残念ながら IE 7 および 8 で機能する必要があります。http://netrenderer.com。nav div が右に浮いておらず、li 要素がインラインで表示されていません。どうしてこれなの？ウェブサイトはこちらです。

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    height: 20px;
    width: 27%;
    margin: 0 1.7%;
    margin-bottom: 0;
    padding: 25px 2%;

    text-align: center;
    text-decoration: none;
    font-weight: thin;

    color: #555;

    float: left;
    display: inline-block;
}

nav li:first-child a {
    margin-left: 0;
}

nav li:last-child a {
    margin-right: 0;
}


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
nav ul li {
    display: inline;
}




nav {
    display: block;
    float: right;
    width: 38%;
    clear: both;
}
4

3 に答える 3

2

このnavタグは IE 8 以下ではサポートされていません。これを回避するには、壊れているタグのサポートを追加する HTML5 シムを含めるだけです。ページのセクションにこれを追加してみて<head>ください。

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
于 2013-04-13T15:56:25.287 に答える
1

navタグは html5 タグです IE7/IE8 ではサポートされていません ヘッド セクションの : タグの前に追加します:

<!--[if lt IE 9]>
<script src="https://raw.github.com/h5bp/html5-boilerplate/master/js/vendor/modernizr-2.6.2.min.js"></script>
<![endif]-->

または

<!--[if lt IE 9]>
  <script src="https://raw.github.com/aFarkas/html5shiv/master/src/html5shiv.js"></script>
<![endif]-->
于 2013-04-13T16:27:05.330 に答える