IE8: Div hover only works when background color is set, very strange, why?

jquery css html hover transparent
MeProtozoan picture MeProtozoan · Oct 22, 2010 · Viewed 10.2k times · Source

Situation: Got a div with buttons images. Div needs to fadeIn on hover. Works in all browsers, except Internet Explorer. When I give the div a background color it suddenly works.

Check: http://ListAndPlay.com , top left are the controls.

The hover won't work in IE, try to add a background color to #buttons and it suddenly works.

Question: What is the reason for this? How to fix this properly?

Answer

Herman picture Herman · May 1, 2011

I recently ran in to this problem also. I also solved it by adding a 1 by 1 px transparent background image to the hover element. I felt like taking a shower afterwards.

Related questions

show/hide a div on hover and hover out

I would like to show and hide a div during hover and hover out. here's what I've done lately. css My problem is that when I hover on the menu id, the flyout div is blinking. why is that?

Read More
Adding hover CSS attributes via jQuery/Javascript

Some CSS styles need to be applied to an element on hover, and CSS styles have to be applied using javascript/jquery directly and not through stylesheets or $(this).addClass('someStyle') because I am injecting the DOM elements into another …

Read More
Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More