DIV背景顏色不起作用

我一直在使用編碼的HTML和CSS網站，最近我已經到了需要與背景顏色的div元素。我在background-color: gray;，但沒有奏效。我使用了Google Chrome的檢查元素功能，並且表示Chrome無法識別該元素。我在Firefox中使用了相同的功能，它也無法識別CSS元素。該div包含三個浮動部分，但它使用overflow: auto，所以這不是問題。有人可以向我解釋爲什麼我不能添加背景顏色到我的div？DIV背景顏色不起作用

HTML：

<div id="main"> 
     <header> 
     <h1>LOGO</h1> 
     <nav> 
      <a href="index.html" title="Home">Home</a> 
      <a href="about.html" title="About">About</a> 
      <a href="features.html" title="Features">Features</a> 
      <a href="specs.html" title="Specifications">Specs</a> 
      <a href="updates.html" title="Updates">Updates</a> 
      <a href="contact.html" title="Contact Us">Contact</a> 
     </nav> 
     </header> 

     <section class="left"> 
     <h2>NEWS</h2> 
     <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum simaiorrum accaerf erfercim voloremod ut volectem con cus, temoluptatur as disquatent.</p> 
     </section> 

     <section class="right"> 
     <h2>SOMETHING</h2> 
     <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum simaiorrum accaerf erfercim voloremod ut volectem con cus, temoluptatur as disquatent.</p> 
     </section> 

     <section class="right"> 
     <h2>SOMETHING</h2> 
     <p>Itate eaquid quodit, utem dolorenihit ullore ides est faccum 
simaiorrum accaerf erfercim voloremod ut volectem con cus, 
temoluptatur as disquatent.</p> 
     </section> 
    </div>

CSS：

#main { 
    backgound: gray; 
    layer-background: gray; 
    overflow: auto; 
    border: 2px dashed black; 

    border-radius: 15px; 
    -moz-border-radius: 15px; 
} 

section { 
    background-color: green; 
    text-align: justify; 
    margin: 5px; 
    padding 10px; 

    border-radius: 10px; 
    -moz-border-radius: 10px; 
}

來源

2012-05-12 thePurpleMonkey

請張貼元素的HTML和CSS（有選擇）。 – Bojangles

在你的CSS的這一部分：

#main { 
    backgound: gray; 
    layer-background: gray; 

    /* .. */ 
}

backgound應background，並且layer-background不是CSS屬性。

有了固定的那些錯誤，what you have works。

來源

2012-05-12 22:15:13 thirtydot

啊，你說得對。我很慚愧。錯別字每次都會給我。 '層 - 背景'是我在互聯網上發現的可以修復它的東西。 – thePurpleMonkey

錯別字有時會發生。 [驗證你的CSS]（http://jigsaw.w3.org/css-validator/）會幫助你發現它。 – thirtydot

@thePurpleMonkey [背景色（http://www.w3.org/TR/CSS2/colors.html#propdef-background-color）會比較顏色具體而言，如[背景]（HTTP：// WWW。 w3.org/TR/CSS2/colors.html#propdef-background）的範圍更廣。但我認爲你使用的是個人喜好的問題。 – bostaf

拼寫的背景是不正確。正確的拼寫是背景，並嘗試給予比使用顏色名稱以外的十六進制代碼。

來源

2012-05-13 11:11:29

DIV背景顏色不起作用

回答

相關問題