Форум Сайтостроение Веб-строительство

Разные бэкграунды для разных страниц

R4z0R
На сайте с 09.03.2008
Offline
111
R4z0R
188

Есть div со своими css-настройками, в их числе основной, к которому приписан фон: 

<div class="heading-container">

CSS:

.heading-container {

  background: url(../images/heading-bg-kitchen.jpg) no-repeat scroll center center;

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important;

  background-size: cover !important;

  overflow: hidden;

  position: relative;

}

от него очень много производных.

Как менять фон от страницы к странице не плодя <div class="heading-container-ххх"> с его производными типа:

.heading-container.heading-border
.heading-container.heading-resize
.heading-container .heading-page-icon > span
и т.д

?

Как этот фон: 

  background: url(../images/heading-bg-kitchen.jpg) no-repeat scroll center center;

менять с привязкой к странице?

LEOnidUKG
На сайте с 25.11.2006
Offline
1767
LEOnidUKG
#1

ну так просто пропишите style="" прямо в div и меняйте как хотите.

также можно через JS это делать.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
R4z0R
На сайте с 09.03.2008
Offline
111
R4z0R
#2
LEOnidUKG:
ну так просто пропишите style="" прямо в div и меняйте как хотите.
также можно через JS это делать.

с Вашей помощью вспомнил азы, спасибо! Тему можно закрыть

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий