Псевдокласс:hover CSS не работает в IE7

Т.е. имеет историю поддержки плохой CSS. Первоначально только A теги поддерживаются : Hover . А также у вас не было что-то вроде A: Hover Span , чтобы указать, что только тег тег должен меняться при парении родительского A .

Если вы хотите правильно : Hover функциональность по всем версиям, т. Е. Версии, вам нужно использовать JavaScript и OnMouseOver / OnMouseout .

Это также помогает, если вы используете DOCTYPE XHTML, чтобы включить режим стандартов.

IE 6 поддерживает только :hover псевдо-класс на ссылках, но IE 7 поддерживает его на большинстве элементов.

Как упоминал Дэвид, он может не работать в режиме причуды. Причина может заключаться в том, что IE в основном возвращается к чему-то более близкому к IE 4 в режиме причуды, позволяя использовать множество специфических для IE функций и удаляя несколько функций, соответствующих стандартам.

Если вам нужна функциональность :hover на блочном элементе и поддержка IE 6, вы можете использовать элемент link и сделать его блочным с помощью CSS. Обратите внимание, что ссылка может содержать только встроенные элементы (например, нет divs), так что если вы хотите, чтобы блочные элементы находились внутри ссылки, вам придется установить их с помощью CSS также:

CSS:

.hoverlink { display: block; }
.hoverlink:hover { background: #eee; }
.hoverlink .item { display: block; }

HTML:

<a href="..." class="hoverlink">
  <span class="item">Line 1</span>
  <span class="item">Line 2</span>
  <span class="item">Line 3</span>
</a>

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

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

http://www.bernzilla.com/item.php?id=762

"Если вам нужна поддержка :навешивания на все элементы, а не только на тэг , убедитесь, что вы используете строгий DOCTYPE, чтобы IE7 не запускался в режим причуды"

: Наведите курсор не поддерживаются каждым элементом E.G. Он работает на , но ломается на