CSS фон: хочу различий.фон для моих других страниц - PullRequest
Новая
       2

CSS фон: хочу различий.фон для моих других страниц

0 голосов
/ 03 октября 2011

Я использую CSS background: url(stuffhere.jpeg) для фона, но когда вы нажимаете на другие видео, "проекты" не страницы , фон не изменится.

Я пробовал <body id="home"> и <body id="projects"> и пытался сделать два фона для #home и #projects, но проекты не будут работать ..

Тогда я использовал <div id="projects">, но проблема в том, что, поскольку это не страница, div не изменит весь фон.

Пожалуйста, проверьте это и дайте мне знать ... www.montagemd.com , а затем нажмите на одно из видео. Я хочу, чтобы серый фон заполнил все это ... или перевернул то, что у меня есть в # home

1 Ответ

0 голосов
/ 03 октября 2011

Вы можете заставить серый фон заполнить весь видовой экран, выполнив следующие действия:

  1. Дайте div ширину 100% и min-height 100% (min-height будетпусть он растет, если его содержимое выше окна).

  2. Убедитесь, что родительским элементом div является <body> со 100% -ной высотой, определенной на нем.Высота в процентах работает только в том случае, если для родительского элемента также определена высота.

В коде это будет выглядеть примерно так: 

<body>
    <div id="gray-box"></div>
</body>

А затемCSS будет выглядеть так: 

html, body {
    /* Defines a height on #gray-box's parents (required for % height to work) */
    height: 100%;

    /* Eliminate any extra spacing around #gray-box */
    margin: 0;
    padding: 0;
}

#gray-box {
    width: 100%;
    min-height: 100%; /* Let #gray-box grow with its content */
    background: #ddd;
}

Вот демонстрация в действии.

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

Нет похожих вопросов

...