IE 6 CSS Hover не Привязанный Тег

StackOverflow https://stackoverflow.com/questions/36605

  •  09-06-2019
  •  | 
  •  

Вопрос

Какой самый простой и элегантный способ имитировать псевдокласс наведения для тегов, не являющихся привязкой, в IE6?

Я специально пытаюсь изменить курсор в этом экземпляре на курсор указателя.

Это было полезно?

Решение

Я бы сказал, что самым простым способом было бы добавить onmouseover / out функции Javascript.

Другие советы

Я думаю, что самый простой способ - это использовать hover.htc . Вы добавляете файл hover.htc на свой сайт, а затем ссылаетесь на него в своей таблице стилей: 

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

Если вы хотите, чтобы все было как можно более чистым, вы можете использовать условные комментарии IE, чтобы эта строка отображалась только для пользователей с IE6.

Что касается вашего запроса - Я специально пытаюсь изменить курсор в данном случае на указатель - самый простой способ - указать cursor: pointer в ваш css. Я думаю, вы найдете, что работает в IE 6.

Попробуйте это проверить (где div может быть любым элементом): 

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

Еще одна альтернатива, которая позволит решить многие проблемы за один раз, - это использовать IE7.js .

Другой подход, в зависимости от того, что представляет собой элемент, заключается в добавлении привязки без ссылки и установке ее отображения на блокировку. Поместите привязку внутри или вокруг элемента, для которого требуется псевдо-парение.

Помимо

  

Мне на самом деле уже нужно было поменять изображение в любом случае

Обязательно взгляните на спрайты изображений . Иногда гораздо удобнее использовать одно изображение и «сдвиг» затем изображение, чтобы использовать два отдельных изображения и «переключать» или «своп» между ними. По моему опыту, было очень приятно, когда пользователь взаимодействует с ним, иногда преимущество заключается в том, что один запрос к 1 изображению затем несколько запросов для нескольких изображений.

Мне больше всего понравился наведение / вывод курсора мыши, так как на самом деле мне все равно уже нужно было поменять изображение местами.Мне действительно следовало с самого начала подумать о том, чтобы сделать это с помощью javascript.

Спасибо за быстрые ответы.

@Джозеф

Спасибо за эту ссылку.Я никогда раньше не слышал об этой технике, и мне очень нравится эта идея.

Я обязательно попробую это и посмотрю, как у меня это получится.

Если вы хотите использовать JQuery, я бы использовал Установить класс наведения для чего угодно .

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top