0

以下にCSSを追加しました。サイトは Chrome、Opera、Firefox では問題なく表示されますが、IE ではナビゲーションがひどいものに見えます。スタイリングはまったく行われておらず、ひどく見えます。私のhtmlにもhtml5shimを追加しました。

/* NAV BAR */
#nav_bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
background: url(../images/header-fade.gif) repeat-x;
border-bottom: 1px solid #ccc;
}

#nav_bar nav {
border-left: 1px solid #ccc;
}

    #nav_bar nav a {
display: inline-block;
width: 23%;
margin: 0;
padding: 22px 0;
text-transform: uppercase;
color: black;
text-align: center;
border-right: 1px solid #ccc;
text-decoration: none;
font: 20px "Trebuchet MS", Arial, sans-serif;
    }
4

2 に答える 2

0

HTML から判断すると、HTML5nav要素を使用しています。

navIE8 は、header、footer、articleなどのセマンティック HTML5 要素を認識しないsectionため、HTML4 要素 (または同様のもの) に変更するか、divModernizrulやHTML5Shim などの Javascriptポリフィルを追加して、HTML5 要素の互換性を古いバージョンのすなわち。

たとえば、あなたの<head>：

<!-- html5.js -->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
于 2013-11-12T15:42:17.667 に答える