Geek Answers Handbook

: hover CSS pseudo-class does not work in IE7

I have a problem with the :hoverCSS pseudo- class.

I use it as

tr.lightRow:hover {
    color:red
}

It works in Safari and Firefox, but it does not work in IE7. Please help me.

+5
source share
5 answers

IE7 supports: guidance, at least in standards mode. It may not be in quirks mode.

+5
source

IE has a history of poor CSS support. Initially supported tags a :hover. And also you could not have something like a:hover spanthat to indicate that aonly the tag should change when the parent falls span.

:hover IE, javascript onmouseover/onmouseout.

, xhtml doctype, .

+4

IE 6 - :hover , IE 7 .

, quirks. , IE - IE 4 quirks, IE .

:hover IE 6, CSS. , (, no div s), , , 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>

(, , . , , , .)

+3

: , . <a>, <div> afaik

0

I came across this several times - look at the following link.

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

"if you need support: hover over all elements, not just the <a> tag, make sure you use strict DOCTYPE, so IE7 does not enter quirks mode."

0
source

More articles:


All Articles