ArtWeb-Design

Создание, редизайн и продвижение сайтов,
профессиональное качество, низкие цены

:hover бывает не только у ссылок!

17.03.2008 | 10:34 | автор: id

Пользователь id

Темный админ

Зарегистрирован: 01.01.1970
Комментариев: 4
Личное собщение

Откройте главную страницу этого сайта и поводите мышкой по заголовкам и главному меню. Эффект достигается только лишь при помощи CSS, а точнее псевдо-селектора :hover

Вот только одна проблема: IE6 как всегда отличился и не хочет понимать псевдо-селектор :hover ни для каких объектов кроме ссылок.

Это можно исправить, не исправляя ни сам ie, ни руки пользователя, который не сменил его на Mozilla Firefox или Opera.

Достаточно одного файла. У меня он лежит здесь.

После того, как вы скопировали его к себе на сервер, добавьте в CSS следующee декларацию к селектору body:

body{

behavior:url("hover.htc");

}

При этом считается, что файл hover.htc лежит в той же директории, что и CSS.

Только вот небольшая проблема: Валидатор не знает декларацию behavior. Давайте это исправим. Придется написать стиль непосредственно в HTML, используя следующую структуру:

<!--[if IE]>

<style type="text/css">

body { behavior:url("hover.htc"); }

</style>

<![endif]-->

Теперь можете создавать псевдоселекторы :hover для любого тега.

Перепечатка разрешена только при начичии ссылки на источник: http://artweb-design.org/blog/full/16/

Ключевые слова: CSS, ie6

Просмотров: 571, рейтинг: -----

Комментарии:

Эту новость еще никто не закомментировал