the easiest image hover effect, using css

CSS » Basics » June 27, 2007
Submitted by shaz » There are many ways to accomplish an image hover, this just seems to be the easiest way to do it! Although it does have it's limitations, and the image being used has to be a relatively simple one.
Rating: 1.8/5 | 2,428 clicks | 4 comments | 2 saves | share | report

Comments on this tutorial

ryneJune 27, 2007
moderator

This technique doesn't work with IE6

shaziamistryJune 28, 2007

Hi ryne, it's not really that the technique does not work in IE6, for example, if you did it with an anchor tag instead, it would work, but the hover effect used in the example is not supported by IE6. In newer browsers, you can hover any element, not just anchor tags. Hope this explanation helps!

zachholmanJune 28, 2007
creator and administrator

I don't have access to IE7 right now, so I can't check myself, but do you happen to know if Microsoft's tackled :hover on other elements in IE7 yet?

shaziamistryJune 28, 2007

Hi Zach, yes IE7 handles it. li:hover, as in the example, works in IE7.

Discuss this tutorial

You must be logged in to comment on a tutorial.