Как установить цвет фона всей страницы в CSS - PullRequest
Новая
       0

Как установить цвет фона всей страницы в CSS

14 голосов
/ 10 марта 2012

Я пытаюсь установить цвет фона страницы на yumdom.com на желтый.

Я попробовал следующее, и это не удалось: 

body{ background-color: yellow;} /*only a sliver under the header turns yellow.*/

#doc3{ background-color: yellow;} /*result same as above*/

#bd { background-color: yellow;} /*result same as above*/

#yui-main { background-color: yellow;} /*a rectangle turns yellow ending at where the content ends. I want this rectangle to extend all the way to the footer.*/

Также обратите внимание, что если в инструментах разработчика в Chrome я выделю один из указанных выше элементов HTML, я выделю только определенную часть страницы. Нижний колонтитул и раздел под содержимым остаются не выделенными.

Я хочу, чтобы желтый занимал все пространство между верхним и нижним колонтитулом и не оставлял пробелов.

Обратите внимание, что мы используем шаблоны CSS YUI Reset, Fonts и Grids V 2.8.0r4

Большое спасибо!

Ответы [ 6 ]

8 голосов
/ 20 сентября 2016 

<html>
  <head>
    <title>
        webpage
      </title>
</head>
  <body style="background-color:blue;text-align:center">
    welcome to my page
    </body>
  </html>
4 голосов
/ 10 марта 2012

Проблема в том, что тело страницы на самом деле не видно. DIV имеют ширину 100% и сами имеют фоновые цвета, которые перекрывают основной текст CSS.

Чтобы исправить ничейную землю, это может сработать. Это не элегантно, но работает. 

#doc3 {
    margin: auto 10px;
    width: auto;
    height: 2000px;
    background-color: yellow;
}
3 голосов
/ 23 декабря 2015

Размер тела является динамическим, он только равен размеру его содержимого. В файле CSS вы можете использовать: * {background-color: black} // Все элементы теперь имеют черный фон.

или

html {background-color: black} // Страница теперь имеет черный фон, все элементы остаются прежними.

3 голосов
/ 15 марта 2012

Я уже написал ответ на этот вопрос, но он, кажется, был удален. Проблема заключалась в том, что YUI добавил background-color:white к элементу HTML. Я переписал это, и все было легко обрабатывать оттуда.

3 голосов
/ 13 марта 2012

Я проверил ваш исходный код и обнаружил, что он изменился на желтый. Вам нужно добавить желтый цвет фона к: # отступам слева, # отступам справа, html, #hd, #main и # yui-main.

Надеюсь, это то, что вы хотели. Увидимся

enter image description here

0 голосов
/ 10 марта 2012

Похоже, вам нужно установить yellow на #doc3, а затем избавиться от white, который вызывается на #yui-main (который скрывает цвет #doc3),Вы получите желтый цвет между верхним и нижним колонтитулом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...