Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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?

like image 438
MeProtozoan Avatar asked Oct 22 '10 16:10

MeProtozoan


1 Answers

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.

like image 64
Herman Avatar answered Sep 29 '22 00:09

Herman