IE 6 CSS Hover не Привязанный Тег
-
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, я бы использовал Установить класс наведения для чего угодно .