Как применить другое фоновое изображение к тегу <html>? - PullRequest
Новая
       2

Как применить другое фоновое изображение к тегу <html>?

0 голосов
/ 29 июня 2010

Мне нужно применить различные фоновые изображения к тегу домашней страницы и внутренним страницам сайта.Чтобы сделать это, ссылки должны быть уникальными.

Без использования класса или идентификатора, как мне различать теги?

Я пробовал это, но это не проверяет: 

<html class="inside"...

Спасибо!

Ответы [ 5 ]

2 голосов
/ 29 июня 2010

Добавьте класс к элементу body, где он действителен.

Тогда сделай 

body.inside {
    background-image: url(/path/to/it.png) repeat;
}
1 голос
/ 29 июня 2010

Встроенная таблица стилей для каждой отдельной страницы: 

<style> html { background-image: url(someimage.png); } </style>
1 голос
/ 29 июня 2010

Если вы говорите о разных фоновых изображениях для разных страниц, я думаю, вам нужно будет создать разные таблицы стилей для каждого разного фона, который вам нужен, и просто включить соответствующую таблицу стилей для каждой страницы.

0 голосов
/ 29 июня 2010

Вы должны рассмотреть возможность использования идентификаторов. Таким образом, вы можете сохранить все ссылки на фоновые изображения в вашем файле CSS. Например. 

#background-main  { background-image:url(background-main.jpg) }
#background-page1 { background-image:url(background-page1.jpg) }
#background-page2 { background-image:url(background-page2.jpg) }

Затем вам нужно будет просто указать идентификатор фонового изображения, которое вы хотите отобразить. Э.Г. 

<body id="background-main">

Кроме того, вы можете использовать классы.

Этот подход облегчит вам поддержку вашего сайта.

0 голосов
/ 29 июня 2010

Вы хотите это: 

CSS:
#home { background: ... ; }
body { background: ... ; }

HTML:
<body id="home">

</body>

Other pages:
<body>

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

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

...