Смена фона при наведении указателя мыши. СSS-спрайты.

При создании дизайна веб-страниц не всегда удобно использовать тег HTML <img>. Изображения приходится вставлять прямо в ”тело” страницы. А если Нужно создать “живой” элемент – сменяемую картинку – то сразу встают вопросы абсолютного позиционирования. Тем более, что такой подход не вписывается в современную концепцию – “котлеты отдельно – мухи отдельно содержимое отдельно – дизайн отдельно“.

Зачастую гораздо удобнее и при разработке и при изменении дизайна использовать свойство CSS background. Чтобы что-то изменить, не надо лезть в код страницы, всё лежит в CSS – файле. И смена изображений (и/или фона) реализуется гораздо проще.

Самый простой метод смены фона и плавной смены фона при наведении курсора мыши основан на применении CSS-спрайтов…

Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Смена фона при наведении указателя мыши. СSS-спрайты. При создании дизайна веб-страниц не всегда удобно использовать тег HTML <img> Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/pervyie-shagi-dlya-zarabotka-v-seti/11854040/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Смена фона при наведении указателя мыши. СSS-спрайты. </a> <div class="insert-intro" style="font-family:trebuchet MS;"> При создании дизайна веб-страниц не всегда удобно использовать тег HTML <img> </div> </div> Смена фона при наведении указателя мыши. СSS-спрайты. <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/pervyie-shagi-dlya-zarabotka-v-seti/11854040/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Смена фона при наведении указателя мыши. СSS-спрайты.</a> <div style="font-family:trebuchet MS;"> При создании дизайна веб-страниц не всегда удобно использовать тег HTML <img> </div> </div>

Алекс Дан

30.04.2016

В избранное Пожаловаться Просмотров: 270

Комментарии ⁰

Первые шаги для заработка в сети 1687

Последние откомментированные темы:

Смена фона при наведении указателя мыши. СSS-спрайты.

Комментарии временно отключены

Открытая группа
17925 участников