2017-02-13 4 views
-1

私はHTML5とCSS3のbigginerです。私はホームページを作成しますが、IEブラウザでは動作しません。私のnavタグがIEで動作していません。スタイルシートも機能しません。誰かが私を助けてくれます。 IE dosntサポートマイWeb

この

は私のCSSです

/*----------------------- 
Navigation 
-------------------------*/ 

nav ul{ 
    margin:0; 
    padding:0; 
    float:right; 
} 
nav ul li{ 
    list-style:none; 
    float:left; 

} 
header nav ul li a{ 
    display:block; 
    color:#FFF; 
    text-decoration:none; 
    font-weight:bold; 
    padding:20px; 
} 
header nav ul li a:hover{ 
    background:#67A6B8; 
} 
header nav ul li a:active{ 
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
    box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
} 

これは私のHTMLページです

<nav> 
    <ul> 
     <li><a href="">NEWS</a></li> 
     <li><a href="">SERVICE</a></li> 
     <li><a href="">COMPANY</a></li> 
     <li><a href="">RECRUITE</a></li> 
     <li><a href="">CONTACT</a></li> 
    </ul> 
</nav> 
+1

政治的に間違った意見が多い:これらの古いブラウザをサポートする明白な理由がない場合は、使用しないでください。彼らはウェブを後ろに持っています。ユーザーがまだ2016年に石器時代のブラウザを放棄することを拒否した場合、既に壊れているウェブエクスペリエンスを続けるようにしてください(http://caniuse.com ))。 –

答えて

0

HTML5は比較的新しいものです。

ブラウザは、<nav>のような新しい要素にはデフォルトスタイルを適用しません。ほとんどのブラウザのために十分だ

section, article, header, footer, nav, aside, hgroup { 
display: block; 
} 

: - あなたのように -

だから、ほとんどすべての人々が彼らのために(CSSに)いくつかのスタイリングを宣言し、少なくとも彼らは、改行を強制する必要があること。

Internet Explorerのバージョン6,7,8には、これらの新しい要素の特別なニーズがあります。ですから、これらの新しい要素のためJavaScriptファイルを記述する必要があり、あなたの<head>に含める

document.createElement('nav'); 

:各要素の見本が最初JavaScriptを使用して作成されていない限り、彼らは断固としてこのように、新しい要素を認識することを拒否しますページ条件付きコメントでこのような任意のstylesheets、後:

<!--[if lt IE 9]> 
    <script src="My_sript.js"></script> 
<![endif]--> 

それともThe HTML5 Shivなど、より高度なソリューションを使用することができます。

+0

ありがとうございます。今それは働いている。 – hon

+0

ようこそ。それがあなたのために有用だった場合は、私の答えを受け入れてupvoteを検討してください。 – MarianD

+1

投票に関しては、質問は明らかにオフトピックであり、閉鎖する資格があるので、あなたはダウンボートを必要とします。詳細については、[ここではどのようなトピックについてお聞きしますか?](http://stackoverflow.com/help/on-topic)を参照してください。あなたは将来的に話題以外の質問に答えるべきではありません – Trix

関連する問題