0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 4258 Просмотров
*

morph

  • Давно я тут
  • 923
  • 105 / 0
button:hover в IE6
« : 22.01.2008, 14:15:01 »
прописываю стили для кнопок,чтоб фон менялся при навидении - везьде прекрасно,в IE6 упорно не хочет!
Цитировать
.button {
 background: #CC9933;
 border-bottom: 1px solid;
 border-left: 1px solid;
 border-right: 1px solid;
 border-top: 1px solid; color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; font-style: normal;
 }

.button:hover {
 background: #ffcc00;
 cursor: pointer;
 border-bottom: 1px solid;
 border-left: 1px solid;
 border-right: 1px solid;
 border-top: 1px solid; color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; font-style: normal;
}
что не так?есть лекарство?
*

one_more

  • Захожу иногда
  • 139
  • 87 / 3
  • there is no spoon
Re: button:hover в IE6
« Ответ #1 : 22.01.2008, 15:48:23 »
К какому тэгу у Вас применён класс .button и псевдокласс .button:hover, мне не видно (поскольку html'ом, который обычно не менее, а более важен, чем css, Вы нас не осчастливили). Поэтому советы, исходя из предположений и догадок.

1. В IE6 псевдокласс :hover обрабатывается только для ссылок (тэг <a>).
2. Лекарство: отказаться от своего тэга (предположим, это <button>) и делать через <a>.
3. Ести варинаты через JavaScript, но, ИМХО, это уже совсем ...опа.

ЗЫ. Подумал, что тут возможна ещё одна ошибка. Если используется, всё же, тэг <a>, селектор нужно писать как
a.button:hover или .button a:hover -- чтобы сказать, что правильно, опять же требуется html.
« Последнее редактирование: 22.01.2008, 18:35:20 от one_more »
Errare humanum est
*

morph

  • Давно я тут
  • 923
  • 105 / 0
Re: button:hover в IE6
« Ответ #2 : 23.01.2008, 06:54:12 »
Цитировать
К какому тэгу у Вас применён класс .button и псевдокласс .button:hover
- стандартный класс для кнопок(допустим простой стандартный шаблон paranoia ^-^).Кнопки Поиск,Выбрать и т.п...
- с ссылками то понятно -  все гуд.
Цитировать
1. В IE6 псевдокласс :hover обрабатывается только для ссылок (тэг <a>).
- плохо :(
Цитировать
2. Лекарство: отказаться от своего тэга (предположим, это <button>) и делать через <a>.

- и перелопачивать все модули где есть кнопки?  :o
Цитировать
3. Ести варинаты через JavaScript, но, ИМХО, это уже совсем ...опа.
хмм... я для для кнопок таких не знаю...да и сомневаюсь,будут ли в осле работать,но может есть варианты?
*

one_more

  • Захожу иногда
  • 139
  • 87 / 3
  • there is no spoon
Re: button:hover в IE6
« Ответ #3 : 23.01.2008, 14:02:45 »
"Перелопачивать" придётся всё равно, поскольку, даже если делать через JavaScript, к нужному html-элементу придётся дописывать обработчик события onMouseOver

Поэтому выбор только такой:
1. Забить
2. "Перелопачивать"
3. Искать и ставить другой модуль, где "через <a>"

Цитировать
- плохо
Все вопросы к дяде Биллу. Только поторопитесь, пока он ещё совсем не ушёл =)
Errare humanum est
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

:hover и :active {

Автор RicoID

Ответов: 1
Просмотров: 980
Последний ответ 21.11.2016, 12:22:04
от darkghost
Как задать :hover{ и :active { Для одной кнопки?

Автор RicoID

Ответов: 2
Просмотров: 2283
Последний ответ 18.11.2016, 16:34:43
от ProtectYourSite
CSS Hover для картинки

Автор vitalid

Ответов: 19
Просмотров: 1521
Последний ответ 20.06.2016, 15:13:34
от vipiusss
Не работает hover в некоторых элементах

Автор bybus

Ответов: 1
Просмотров: 1590
Последний ответ 13.12.2014, 14:09:13
от bybus
Сделать hover неработающим на прозрачных элементах

Автор bybus

Ответов: 3
Просмотров: 1656
Последний ответ 05.12.2014, 14:01:04
от Shustry