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

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

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

Читать далее