Как задать фон через HTML?

Question

[drtvader]

Привет! Как можно сделать фон через img с фиксированным расположением?

<div class="b-background-image">
     <img src="/images/inhtml/catalog_bg.jpg" alt="" title="" class="b-background-image__image">
</div>

.b-background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
img {
    max-width: 100%;
    height: auto;
}

Comments

[Ульрих]

ВЫ СЕРЬЁЗНО??

[drtvader]

Ульрих: да

Answer 1

[Сергей Бондаренко]

такой стиль у DIV сделайте:
background: url(/images/inhtml/catalog_bg.jpg) 10px 10px no-repeat;

Comments

[drtvader]

надо что бы через html

[Антон Нагаец]

drtvader: .b-background-image Сюда пропишите. Через HTML вы не сделаете никак. Ну нет в гипертексте работы с фоном ( кроме bgcolor и тот ограничен)

[Антон Нагаец]

drtvader: .b-background-image Сюда пропишите. Через HTML вы не сделаете никак. Ну нет в гипертексте работы с фоном ( кроме bgcolor и тот ограничен)

[drtvader]

Антон Нагаец: для прогрмамминга нет возможности менять фон через HTML

[Антон Нагаец]

Фон меняется посредством CSS теги backround ( и иже с ними) . В HTML вы можете вставить кусок <style> </style>и уже в нем прописать параметры фона. Предварительно задав блоку/элементу соответствующий класс. Хотя для этого есть style*.css где все и хранится.

Answer 2

[svarnoi420]

Вопрос не понятен.
"Через HTML" - инлайновая вставка через атрибут style имеется ввиду?
"Фиксированное расположение" - это свойство background-attachment: fixed;

Зачем для вставки фона Вы используете тег img? Тег img используется для контента. А для всяких декоративных вещей, таких как фон, используется свойство background.

<div class="b-background-image" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/inhtml/catalog_bg.jpg'); background-size: 100%; background-attachment: fixed; background-repeat: no-repeat; background-postition: center"></div>

Нужно еще дать другим родителям height: 100%, чтобы растянулась на всю высоту.

Comments

[drtvader]

а как программисты менять это изображение будут? смогут ли они подцепиться?

[svarnoi420]

На примере PHP:

<? $img_url = '../example.png' ?>
<div style="background-image: url('<?= $img_url ?>');"></div>

Если используется шаблонизатор (а по хорошему надо использовать), то все красивей будет выглядеть.