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

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2113
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 71 раз

Как зафиксировать картинку на 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
Зарегистрирован: Вт фев 19, 2013 4:15 pm

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

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

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

Ответить Пред. темаСлед. тема

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

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