Помогите с hover!

[carlositos]

У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....

Edited February 11, 2009 by carlositos

[Victor Ananiev]

background-image

[StormMan]

Вопрос непонятный, что нужно-то? Текст поменять с Кнопка1 на Кнопка2? Или у тебя картинкой кнопка сделана? Или цвет фона/стиль тескста поменять хочешь?

Если картинка, то в общих чертах можно так:

.myLink a {

background: url(картинка1);

}

.myLink a:hover {

background: url(картинка2);

}

Edited February 12, 2009 by StormMan

[olgastaf]

Если картинка, то в общих чертах можно так:

.myLink a {

background: url(картинка1);

}

.myLink a:hover {

background: url(картинка2);

}

Для совсем тупых объясните, пожалуйста, а что при этом нужно написать в html-документе?

[Vlad]

olgastaf, здесь подробности читай

http://webimg.ru/basic/effekt-perekatyvaniya

[olgastaf]

olgastaf, здесь подробности читай

http://webimg.ru/basic/effekt-perekatyvaniya

Спасибо, все получилось!

[soot]

Попробовал использовать hover в форме кнопки в IE6 перекрывание не работает .

<input  onClick="doAddComments();return false;" name="submit" type="image" src="spacer.gif" class="kn">

Где spacer.gif прозрачная картинка 1*1 .

.kn {
	background-image:url(send.png);
	background-position:left top;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 100px;
}
.kn:hover {
	background-image:url(send.png);
	background-position:left -24px;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 100px;}

Это я что-то забыл или это не учтено в 6 версии !?

[yopopt]

В ie6 hover работает только на ссылках(<a>).

[soot]

Значит просто input заменить на <a> и все путем так !???

[Victor Ananiev]

так