div background-color не работает

Я кодировал веб-сайт с использованием html и css, а недавно мне нужен элемент div с цветом фона. Я положил background-color: gray;, но это не сработало. Я использовал элемент элемента проверки Google Chrome, и он говорит, что Chrome не распознает элемент. Я использовал ту же функцию в Firefox, и он не смог распознать элемент css. Div содержит три плавающих раздела, но использует overflow: auto, так что это не проблема. Может кто-нибудь объяснить мне, почему я не могу добавить цвет фона в свои div?div background-color не работает

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

Ах, ты прав. Мне так стыдно. Опечатки получат меня каждый раз. 'layer-background' был тем, что я нашел в Интернете, который сказал, что это исправит. – thePurpleMonkey

Опечатки бывают иногда. [Проверка вашего CSS] (http://jigsaw.w3.org/css-validator/) помогла бы вам определить его. – thirtydot

@ thePurpleMonkey [background-color] (http://www.w3.org/TR/CSS2/colors.html#propdef-background-color) будет более специфичным для цвета, например [background] (http: // www. w3.org/TR/CSS2/colors.html#propdef-background) имеет более широкий диапазон. Но я думаю, что вы используете вопрос личных предпочтений. – bostaf

Неверное оформление фона. Правильное написание: background и попробуйте указать шестнадцатеричный код, кроме имени цвета.

источник

2012-05-13 11:11:29

div background-color не работает

ответ

Смежные вопросы