a:hover

12
Zero-xack
На сайте с 01.07.2009
Offline
114
796

Уже пару часов мучаюсь.

Нужно чтобы при наведении картинка менялась.

мой код:

<a href="/otpravit-zayavku" class="rollover"> </a>
a.rollover{
display: block;
height: 50px;
width:192px;
background: url(../images/button.gif) no-repeat;

}

a.rollover:hover {
background: url(../images/zavk.png) no-repeat;
}

Почему он не работает? :madd:

Создание сайтов: визитки, порталы, магазины, блоги (/ru/forum/622551)
Дмитрий
На сайте с 23.08.2006
Offline
222
#1

Пробел между url и no-repeat есть?

Разрабатываю и автоматизирую на php http://jonnyb.ru/
Zero-xack
На сайте с 01.07.2009
Offline
114
#2

JonnyB, не было. Поставил - ничего не изменилось.

Lord Maverik
На сайте с 15.04.2003
Offline
471
#3

может это и смешно звучит, но проверьте наличие картинки на замену :)

или первый бекграунд показывается, а при наведении вообще ничего не происходит?

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)
Zero-xack
На сайте с 01.07.2009
Offline
114
#4

Lord Maverik, даже первый не показывается :))

Проверял, прописывал полные пути :))

background: url('http://site.ru/images/button.gif') no-repeat;

На этой станице есть ещё 5 пунктов меню, сделанных по такому же принципу. И они работают.

Geers
На сайте с 12.04.2011
Offline
487
#5

Попробуйте так:

<a href="/otpravit-zayavku" class="rollover"> </a>

.rollover a{

display: block;

height: 50px;

width:192px;

background: url(../images/button.gif) no-repeat;

}

.rollover a:hover {

background: url(../images/zavk.png) no-repeat;

}

Или так:

<a href="/otpravit-zayavku" class="rollover"> </a>

.rollover a{

display: block;

height: 50px;

width:192px;

background-image: url(../images/button.gif) no-repeat;

}

.rollover a:hover {

background-image: url(../images/zavk.png) no-repeat;

}


Zero-xack
, а остальные меню на сайте имеют такой же class?

Потом попробуйте сделать все также, но только без no-repeat.

Desesperada
На сайте с 11.10.2010
Offline
77
#6

Background-image надо

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
Zero-xack
На сайте с 01.07.2009
Offline
114
#7

Geers, не работает

Geers
На сайте с 12.04.2011
Offline
487
#8
Zero-xack:
Geers, не работает

Проблема скорей всего в путях к рисунку, т.к. код правильный.

Zero-xack
На сайте с 01.07.2009
Offline
114
#9

:)

Была проблема с дивом, в котором была эта ссылка.

AlexandrSG помог.

H
На сайте с 13.06.2011
Offline
9
#10

На будущее советик) У вас в ссылке получается 2 разных картинки, и возникает маленький и неприятный момент (например, меня как пользователя иногда это раздражает :) ) при первом наведении, на мгновение бэкграунд пропадает, пока не прогрузится вторая картинка. Выход такой, сделать из двух картинок одну (спрайт), и менять при наведении только background-position. Такая штука полезна как для глаз пользователей, так и для файловой системы (в данном случае правда минимальная польза)

Слово не воробей. Все не воробей, кроме воробья!
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий