Aver Сообщение 02/12/2008 12:54 Копия темы
Вопрос по css .
Есть такая структура css.
a.top {
background : url(button.jpg);
}
a.top:hover {
background : url(button2.jpg);
}
В опере и фф все работает нормально. в ie при убирании мышки button 1 не устанавливается. Вообще ничего не устанавливаеться.
Я уже дописал
a.top:link {
background : url(button.jpg);
}
a.top:active {
background : url(button.jpg);
}
a.top:visited {
background : url(button.jpg);
}
Ни фига не помогает. Упорно после первого же посещения фон исчезает навсегда. Может я пропустил чего ?

Donate Сообщение 02/12/2008 12:56 Копия темы
.
Используй JS + прелоад.
Хотя в 6 такая конструкция должна работать.

Yolenzo Сообщение 02/12/2008 12:58 Копия темы
.
попробуй не а, А добавить просто стиль к a a class="but1"

contenter Сообщение 02/12/2008 12:58 Копия темы
.
а вот тут как раз тупо css.зачем скрипты??

автор: почитай что такое спрайты – это самое правильное в данном случае.
по сути. делается ОДНА картинка на два положения. когда наводим мышку – менюяется не сам фон, а его ПОЗИЦИОНИРОВАНИЕ.

contenter Сообщение 02/12/2008 12:58 Копия темы
.
при наведении добавить класс?

Yolenzo Сообщение 02/12/2008 12:59 Копия темы
.
да

Donate Сообщение 02/12/2008 12:59 Копия темы
.
Ну, если через CSS не получается, бывает.
А вообще да, спрайты нужны, например:

.zoomOut{background:url(sprite.gif) no-repeat 0 -160px}
.zoomOut:hover{background:url(sprite.gif) no-repeat 0 -200px}

contenter Сообщение 02/12/2008 13:01 Копия темы
.
это звездец, без комментариев!

Yolenzo Сообщение 02/12/2008 13:02 Копия темы
.
=)

s-design Сообщение 02/12/2008 13:02 Копия темы
.
О_О

deft Сообщение 02/12/2008 13:02 Копия темы
.
a:hover.top надо так

contenter Сообщение 02/12/2008 13:03 Копия темы
.
О_О

contenter Сообщение 02/12/2008 13:03 Копия темы
.
не бывает чтобы такая простая вещь через css не получалась

burzilov Сообщение 02/12/2008 13:04 Копия темы
.
Все скандируют:
СПРАЙ-ТЫ! СПРАЙ-ТЫ!

burzilov Сообщение 02/12/2008 13:05 Копия темы
.
>_<

deft Сообщение 02/12/2008 13:05 Копия темы
.
а вообще есть масса решений без этой рубашки кода

почему бы не смещать фоновое изображение в ссылке при наведении?

1. вы используете 1 файл, следовательно не будет дозагрузок
2. это снижает нагрузку на сервер (запросов меньше)

burzilov Сообщение 02/12/2008 13:05 Копия темы
.
Да! Да!
Спрайты!

Yolenzo Сообщение 02/12/2008 13:07 Копия темы
.
Мяса! МЯса!

CSR Сообщение 02/12/2008 13:12 Копия темы
.
Ппц, сегодня пик активности версталей о_О
Кризис кончился?))

CSR Сообщение 02/12/2008 13:13 Копия темы
.
о_О

Aver Сообщение 02/12/2008 13:14 Копия темы
.
Жесть. ) Отошел на минутку завалили коммента. Самое обидное что ничего конретного никто так и не сказал. (я имею в виду почему не работает такая конструкция.) a:hover.top надо так а вто это я даже не помйу как должно рабоать (впрочем я попробовал – не работает)

deft Сообщение 02/12/2008 13:16 Копия темы
Автор, я тебе написал об этом... .
Дмитрий Shandr [deft] [02.12 2008 | 16:02]

a:hover.top надо так

deft Сообщение 02/12/2008 13:17 Копия темы
.
читайте ниже что пишет автор и не надо на меня так смотреть %)

deft Сообщение 02/12/2008 13:18 Копия темы
.
если есть переназначения стилей (наследование), то и не будет работать. могу сделать пример, стоит ли?

Aver Сообщение 02/12/2008 13:19 Копия темы
.
На самом деле работает и так и так.

CSR Сообщение 02/12/2008 13:20 Копия темы
.
)))

deft Сообщение 02/12/2008 13:20 Копия темы
.
есть проблема со псевдоклассами в ие 6, я предложил стандарт

Aver Сообщение 02/12/2008 13:23 Копия темы
.
Нету переназначения.
Как бы это выразиться. Какое значение получает ссылка после клика на ней ? Вроде visited, но не помогает ни хрена. Может еще какое то сь ?

deft Сообщение 02/12/2008 13:24 Копия темы
.
пойду котлеток поем – а спрайты это хорошо, но в меру)
90% подобных решений только через них, но не всегда – в общем, как всегда опыт нужен

deft Сообщение 02/12/2008 13:25 Копия темы
.
у вас в коде

a:visited.top стоит то же самое изображение, как и для ненажатой

deft Сообщение 02/12/2008 13:29 Копия темы
.
<a href="#" class="test">text</a>

a.test {
color:black;
}

a:hover.test {
color:red;
}

a:visited.test {
color:green;
}

проверил – все работает

Hunter_k4 Сообщение 02/12/2008 13:32 Копия темы
.
Как бэ стандарт

a:link, a:visited {
}
a:hover {
}

соответственно

a.link:link,a.link:visited {
}
a.link:hover {
}

работает везде и всегда

Aver Сообщение 02/12/2008 13:34 Копия темы
.
a.top {
background : url(button.jpg);
}

a:hover.top {
background : url(button2.jpg);
}

a:visited.top {
background : url(button.jpg);
}
Ага. в таком варианте картинка меняется. потом я кликаю на ссылку, картинка старая возвращается (эта та проблема что была), но.. после клика перестает работать ховер.

Donate Сообщение 02/12/2008 13:36 Копия темы
.
Как видишь бывает.

Hunter_k4 Сообщение 02/12/2008 13:36 Копия темы
.
a.top:link,a.top:visited {
background : url(button.jpg);
}
a.link:hover {
background : url(button2.jpg);
}

deft Сообщение 02/12/2008 13:39 Копия темы
.
a.top и a:visited.top – ОДНА КАРТИНКА – BUTTON.JPG

Aver Сообщение 02/12/2008 13:41 Копия темы
.
Уряяяяяяя. заработало. Спс )

deft Сообщение 02/12/2008 13:41 Копия темы
.
a:visited.top {
background : url(button.jpg);
}

вот это удалите вообще

Hunter_k4 Сообщение 02/12/2008 14:20 Копия темы
.
:) Не за что, обращайтесь

unart Сообщение 02/12/2008 14:55 Копия темы
.
Прочтите мою статейку – joomlaforum.ru/index.php/topic,46060.0

это о :hover для любых элементов