2017-02-13 69 views
-1

我對HTML5和CSS3一個bigginer。我創建主頁,但它不適用於IE瀏覽器。我的nav標記在IE中不起作用。樣式表也不起作用。有人幫助我。IE dosnt支持我的網絡

這是我的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

自以爲是的高度政治不正確的建議:如果你沒有明確的理由支持這些老,_obsolete_瀏覽器,然後沒有。他們只是拿着網站回來。如果用戶仍然拒絕在2016年放棄他/她的石器時代瀏覽器,那麼讓他們繼續保持他們已經破碎的網絡體驗(我們正在談論的只有不到百分之一的所有用戶在這裏(http://caniuse.com ))。 –

回答

0

HTML5是比較新的。

瀏覽器不會將任何默認樣式應用到像你<nav>的新元素。

所以 - 你 - 幾乎所有的人宣佈一些樣式(在CSS)對他們來說,至少他們應該強制換行:

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

這足以讓大多數的瀏覽器。

版本的Internet Explorer 6,7和8的這些新元素的特殊需求。他們堅決拒絕承認新的元素,除非每個元素的典範首先用JavaScript創建的,是這樣的:

document.createElement('nav'); 

所以,你必須寫一個JavaScript文件,這些新的元素,包括它的<head>你頁面在有條件的評論和任何stylesheets,這樣以後:

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

或者你可以使用像The HTML5 Shiv更先進的解決方案。

+0

非常感謝您的回答。現在它正在工作。 – hon

+0

不客氣。如果它對你有用,請考慮接受並提高我的答案。 – MarianD

+1

關於投票,您需要downvote,因爲問題顯然是Off-Topic並有資格獲得關閉。有關更多信息,請參閱[我可以在此處詢問哪些主題?](http://stackoverflow.com/help/on-topic)。你應該避免將來回答題外話題 – Trix