使用IE8的html5錯誤

Question

我在使用html5和css3（我認爲）的ie8遇到問題。

使用Firefox和Chrome瀏覽器可以很好地工作。

當我嘗試使用IE8我的頭把我的身體打開網站....

CSS

.main-header { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    letter-spacing: 2px; 
    color: #000; 
    white-space: nowrap; 
    padding: 10px; 
    background-color: #FFF; 
    background-position: right top; 
    border-bottom: 1px solid #000000; 
    background: url(/images/header_bg.png); 
} 

.main-header2{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    letter-spacing: 2px; 
    color: #000; 
    white-space: nowrap; 
    padding: 10px; 
    background-color: #FFF; 
    background-position: right top; 
    border-bottom: 1px solid #000000; 
    background: url(/images/header_bg.png); 
} 


.main-headertmp { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #000000; 
    letter-spacing: 4px; 
    white-space: nowrap; 
    margin-bottom: 1px; 
    border-bottom: 4px solid #4571d4; 
    background-color: #FFFFFF; 
    background: url(/images/header_bg.jpg); 
    } 

html, 
body { 
    margin:0; 
    padding:0; 
    height:100%; 
} 

#content { 
    padding:10px; 
    padding-bottom:80px; /* Height of the footer element */ 
} 

    #container { 
    min-height:100%; 
    position:relative; 
    height:100%; 
    } 

#header { 
     background-color: #FFF; 
     background-position: right top; 
     border-bottom: 1px solid #C64934; 
     background: url(../images/header_bg.png); 
    } 

    #body { 
    padding:10px; 
    padding-bottom: 60px; /* Height of the footer */ 
    color : #333; 
    background-color: #FFF; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 

#footer { 
    position:absolute; 
    bottom:0; 
    width:100%; 
    height:60px; /* Height of the footer */ 
    background-color: #FFFFFF; 
    background: #F1F3F5; 
    border-top: 1px solid #cccccc; 
    border-bottom: 1px solid #cccccc; 
} 

指數頭 - >腳本

<!--[if lt IE 9]> 
     <script src="/javascript/modernzr.js"> 
     document.createElement(\'container\'); 
     document.createElement(\'header\'); 
     document.createElement(\'body\'); 
     document.createElement(\'footer\'); 
     </script> 
    <![endif]--> 

這些元素正在使用div。

<div id="container"> 
    <div id="header"></div> 
    <div id="body"></div> 
    <div id="footer"></div> 
</div> 

有人可以幫我嗎？

謝謝。

Answer 1

您不能包含script和src以及塊內的文本，因此您需要包含兩個不同的script塊。同時不需要反斜槓，所以使用這個代碼，而不是

<!--[if lt IE 9]> 
    <script> 
    document.createElement('container'); 
    document.createElement('header'); 
    document.createElement('footer'); 
    </script> 
    <script src="/javascript/modernzr.js"> </script> 
<![endif]--> 

注：在HTML5沒有一個container元素上的語言規範定義（沒有？）：也許你想，而不是創建一個main元素。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.