Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Смена изображения при наведении

Автор: NZero 13.11.2014, 15:30

Делаю так

Код


<div class="img"></div>

Код


.img{
    padding: 120px 50px;
    background: url("zayavka/zayavka.png") no-repeat;
}
.img:hover{
    padding: 120px 50px;
    background: url("zayavka/zayavka_hover.png") no-repeat;
}

Изображение вообще не отображается. Как исправить?

Автор: Gold Dragon 14.11.2014, 08:54

а как насчёт того, чтобы задать размеры блока?
у тебя заданы только отступы блока.. может ты имел ввиду размеры? smile

Код


.img{
    height: 120px;
    width: 50px;
    background: url("zayavka/zayavka.png") no-repeat;
}
.img:hover{
    background: url("zayavka/zayavka_hover.png") no-repeat;
}

Автор: NZero 14.11.2014, 10:39

Вообщем понял, что эта функция не работает если прописывать в отдельный файл, нужно в тег head прописывать

Автор: Gold Dragon 14.11.2014, 14:05

Какая функция то??? ты о чём вообще?

Может ты просто забыл подключить внешний CSS или подключаешь не правильно?
Открой код HTML страницы и проверь хотя бы путь (просто в браузере нажми на ссылку и посмотри что откроется)

Автор: kitepro 17.11.2014, 12:04

Скорее всего у тебя путь не правильно прописан. Нажми в браузере F12, посмотри, все ли ссылки правильные.