hover state disapears is ie8

Question

У меня есть проблема с IE8 (звук знакомый?)

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

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

все это работает, за исключением IE8.

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

Теперь я заметил, что когда в поле hover нет html, он отлично работает, но когда есть html (в данном случае iframe), он теряет зависание, как только я касаюсь любого html внутри парящей коробки , так что проблема в том, что проблема не в поле наведения, а в коде, который заставляет его потерять фокус.

Что бы я хотел знать, это известная проблема в IE8, или это может быть просто плохое кодирование с моей стороны. в этом случае я могу опубликовать css.

любая информация поможет много

благодаря

Answer 1

Вашей проблема не кажется, лежит в самом парении. Во-первых, вы принимаете некоторую высоту окна, и ваш проект выглядит странно, если высота отличается. Предполагая, что вы сделали очень точные вычисления на таких предположениях, ваша проблема, вероятно, проблема с моделью. box-sizing:border-box может помочь, но вам придется пересчитать все.

Также вы можете использовать тайм-аут, прежде чем элементы будут скрыты/сбрасываются, так что движения микро мыши не встряхивают элементы и, возможно, позволяют «поймать» их.

Имея обе вещи, все проблемы с зависанием должны быть исправлены.

РЕДАКТИРОВАТЬ: Для отображения iframe наведите указатель на: Iframe hover not working in IE (all versions).

Answer 2

У меня были проблемы с: состояниями HOVER в IE8 тоже, и я заметил, что одни и те же CSS (даже указывающие на один и тот же внешний файл CSS) работал на некоторых страницах, но не на других. Решение для меня состояло в том, чтобы последовательно добавлять DOCTYPE в начало всех страниц (над стартовым тегом HTML).

Это кажется очевидным сейчас, но иногда (особенно при редактировании старых сайтов) DOCTYPE не всегда указывается.

Надеюсь, это поможет!