Загрузка. Пожалуйста, подождите...

                    

                        
RSS
  • Главная
  • Регистрация
  • Карта сайта
  • О нас

» Хитрости CSS » Псевдокласс hover в IE6

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

Хитрости CSS, Web-дизайнерам Комментарии (8)

Не так давно я писал статью о том, как сделать полосатые таблицы. Помимо того, что таблицы должны были быть полосатыми, мы добились также подсветки строк при наведении курсора, что позволяет ускорять анализ табличных данных.
Но, как вы помните, нас подвел все тот же горячо любимый IE6. Проблема в том, что этот браузер не поддерживает псевдокласс hover ни для каких элементов кроме "a" (ссылок).

Поступим мы так же, как и с PNG в том же самом IE6.

Для начала скачиваем следующий архив: csshover.rar [31,48 Kb] (cкачиваний: 219). Из него берем файл csshover.htc и кладем его в каталог с html-страничкой, на которой нам нужен работающий во всех браузерах псевдокласс hover (чаще всего это корневой каталог сайта).

Затем идем в файл стилей css и добавляем туда строку
*{behavior:url("csshover.htc")}

Если же отдельно вынесенного файла стилей нет, тогда в коде самой странички между <HEAD> и </HEAD> пишем
  <style type="text/css">
  * {behavior: url("csshover.htc");}
</style>

Собственно все. Теперь псевдокласс hover будет работать как положено во всех браузерах, в том числе и в IE6.

В качестве примера можете попробовать сами сделать таблицу из предыдущего урока полностью работающей под IE6. Если что-то не будет получаться - пишите в комментах - постараюсь помочь.
"Поэтом можешь ты не быть, но RSS читать обязан..."

Хотите получать информацию о новых записях на e-mail? Подпишитесь на RSS-рассылку. Введите адрес вашей электронной почты в форму ниже и нажмите "Подписаться".

Уважаемый посетитель, вы зашли на сайт как незарегистрированный пользователь. Оставленные комментарии отправляются на модерацию. После регистрации появится возможность попасть в список Комментаторов.


Другие новости по теме:

  • Полосатые таблицы
  • Панель социальных сервисов
  • Прозрачность PNG в IE6
  • IE снова радует нас - не подгружает CSS
  • Автопостинг в Twitter через oAuth
  • 5-01-2010, 14:17 
    Просмотров: 2288



    #1 написал: Sweefy (27 марта 2010 22:50)



    Группа: Гости
    Регистрация: --
    Спасибо, искал нечто подобное, пригодилось, работает в ie6.
    ICQ: -- [цитировать]

    #2 написал: Балт (1 сентября 2010 12:00)



    Группа: Гости
    Регистрация: --
    Нихрена не работает!
    ICQ: -- [цитировать]

    #3 написал: gwer (1 сентября 2010 12:57)



    Группа: Администраторы
    Регистрация: 4.12.2009
    А вы уверены, что все делаете верно? Перепроверьте или расскажите, что конкретно сделать пытаетесь. 
    ICQ: -- [цитировать]

    #4 написал: Владимир (6 сентября 2010 18:56)



    Группа: Гости
    Регистрация: --
    gwer, сделал всё, как написали, но ничего не работает. В отдельный файл прописал   *{behavior:url("csshover.htc")}, вставил файл csshover.htc (путь указал правильно), но в ie hver не работает!
    ICQ: -- [цитировать]

    #5 написал: Владимир (6 сентября 2010 18:59)



    Группа: Гости
    Регистрация: --
    Кстати, этим файлом приходилось пользоваться где-то недели 3 назад и тогда он работал, а сейчас - нет, хотя браузер (ie) тот же.
    ICQ: -- [цитировать]

    #6 написал: gwer (6 сентября 2010 19:00)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Владимир, а можно ссылку на страницу? Ну или архив с ней. Просто не видя не могу точно сказать, где может быть проблема. 
    ICQ: -- [цитировать]

    #7 написал: Владимир (6 сентября 2010 19:32)



    Группа: Гости
    Регистрация: --
    gwer,  перекинул файлы с локалки на сервер (хотел кинуть линк для разбора) и файл заработал...странно, но на локальном сервере не работает csshover.htc...Кстати, хороший блог у тебя, развивай дальше и удачи. Спасибо!
    ICQ: -- [цитировать]

    #8 написал: gwer (6 сентября 2010 19:41)



    Группа: Администраторы
    Регистрация: 4.12.2009

    Возможно, что-то с настройками сервера не так или еще какие проблемы. Главное - что в конечном счете все работает.

    Блог развиваю, стараюсь. Спасибо  smile

    ICQ: -- [цитировать]

    Добавление комментария


    Ваше Имя:
    Ваш E-Mail:
    Код: Включите эту картинку для отображения кода безопасности
    обновить, если не виден код
    Введите код






    Смс рассылка билайн алматы
    Каталог сайтов Казахстана. Адреса ресторанов, клубов, кинотеатров, театров.
    iqsms.ru
    Tamron 28 75 f 2.8
    Магазин компьютерной и фототехники. Анонсы новинок.
    fotik.com
    • QR-код данной страницы

    • Вход на сайт

        Логин
        Пароль
         
        » Регистрация на сайте!
        » Забыли пароль?
    • Навигация

      • Главная
      • Web-дизайнерам
      • CSS-хитрости
      • SEO
      • Сервисы
      • Заработок в интернете
        • На сайте
        • Без сайта
      • Photoshop
      • Интернет-полезности
      • BestMasterиZация
      • Обзоры
      • Цитаты
      • Из зомбоящика
      • Блог
      • Разработка
      • Проекты
      • Мое мнение
      • Обманы
      • Twitter
      • Twidium
    • Опрос

        Статьи какой категории вы бы хотели видеть на сайте чаще?

        Полезности в интернете
        Хитрости CSS
        Web-дизайнерам
        Заработок в интернете
        Photoshop
        SEO


    Photoshop Online
    Просмотр скрытой информации ВКонтакте

    © WebHolt
    Рейтинг блогов
    Копирование материалов с сайта разрешено исключительно при наличии активной ссылки на сайт