Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Псевдокласс hover в ie6

Обсуждение темы Псевдокласс hover в ie6 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Скажите пож-ста, а что ie6 не понимает псевдокласс hover для таких элементов как h3, p, и т.д. ? Лично у меня понимает только ...


Закрытая тема
 
Опции темы
Старый 26.08.2008, 11:24   #1
Скажите пож-ста, а что ie6 не понимает псевдокласс hover для таких элементов как h3, p, и т.д. ? Лично у меня понимает только для a или это у всех так, и как с этим бороться?
 
Старый 26.08.2008, 11:24
Ссылки
Старый 26.08.2008, 11:34   #2
А зачем тебе "мигать" такими текстами, "как h3, p и т.д."?
Если это не ссылка — то не смущай посетителя ролловерами. Если же ссылка — ну так и помести внутрь своего, например, h3 тег а. И пропиши стиль:

Код:
h3 a, h3 a:visited {
   ...
}
h3 a:hover {
   ...
}
А если совсем для чего-то особенного надо, чтобы без ссылок — напиши на свой h3 или p обработчик типо onMouseOver=chColor(this, "over").
 
Этот пользователь сказал спасибо 4roomer за это полезное сообщение:
Rembrandt (26.08.2008)
Старый 26.08.2008, 11:40   #3
Значит он все-таки его не понимает, ну тогда через mouse over.
 
Старый 26.08.2008, 12:28   #4
ну да, hover в IE 6 тока для a, и не как иначе. Я об этом уже где - то писал.
мона обойтись таким вот кодом:
Код:
$.ready(function()
{
    $('.hovered')
    .mouseover(function()
    {
        $(this).addClass('hover');
    })
    .mouseout(function()
    {
        $(this).removeClass('hover');
    });
}
Ну тогды собственно твой h3 надо будет описать так:

Код:
<h3 class="hovered">...
ну а вместо псевдокласса :hover в CSS писать
Код:
h3
{
   ...
}

h3.hover
{
   ...
}
PS. Больше всего я люблю писать js такой, чтоб после написания не заморачиваться на js вообще. то есть вставил такой код на страницу, и он будет применяем к любому элементу, у которого есть класс 'hovered'

Кстати, поскольку у нас проблеммы именно с IE, то можно отписать так:

Код:
hoverItem(item)
{
    $(item)
    .mouseover(function()
    {
        $(this).addClass('hover');
    })
    .mouseout(function()
    {
        $(this).removeClass('hover');
    });
    return 1;
}
тогда нам вообще не понадобиться ничего добавлять в html, а в css писать надо так:
Код:
h3
{
   ...
   zoom:expression(hoverItem(this));
}

h3.hover, h3:hover
{
   ...
}
вот.
 
Старый 26.08.2008, 12:51   #5
Makarenya, без тебя, как без рук)))
 
Старый 27.08.2008, 12:08   #6
Rembrandt, а еще как без ног, и самое главное как без головы
 
Старый 27.08.2008, 12:32   #7
sokol666, ну да в этом и заключалась суть прикола... Правильно понял. Тока на х.. об этом писать. Закрывайте тему!
 
Старый 27.08.2008, 15:16   #8
сделанно
 
Старый 27.08.2008, 15:16
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
в CSS не выполняется hover edraga HTML, CSS, JavaScript 9 09.09.2010 03:57


Текущее время: 08:52. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум