Как зафиксировать картинку на HTML и CSS

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2031
Поблагодарили: 62 раза

Как зафиксировать картинку на HTML и CSS

Сообщение Slash » Чт дек 17, 2015 9:44 pm

Так как скоро Новогодние праздники, решил немного приукрасить форум, а именно добавить в левый, нижний угол веточку от елки.
Идея была такой - при прокрутки страницы вверх или вниз, веточка должна оставаться на том же месте, на экране монитора, то есть картинку необходимо зафиксировать. Делал я это так:
Пишу класс для картинки:

Код: Выделить всё

.ny
{
    position: fixed; /* Фиксирую картинку */
    bottom: 25px;    /* Затаю расстояние снизу */
    left: 45px;      /* Задаю расстояние от левого края */
    opacity: 0.8;    /* Делаю картинку слегка прозрачной (если вам это не надо, удалите эту строчку) */
}

Теперь в HTML документ вставляем саму картинку:

Код: Выделить всё

<img src="путь до картинки" alt="" slass="ny" />

Вот и всё!

Спасибо за внимание.
Реклама
Аватара пользователя
greendev
Сообщения: 79

Re: Как зафиксировать картинку на HTML и CSS

Сообщение greendev » Вс дек 20, 2015 8:17 pm

Мне кажется, она только мешает. Лучше шапку украсить или бэкграунд как это делают на форуме демиарта.

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость