CSS workaround: IE7 doesn’t show white background-color on hover

// 17062008 / Webdesign / 3 Kommentare

I just created a new joomla design for a customer and nearly went mad: Hovering over a navigation link, the background of the link should change to white colour (the main background is light blue ), means #ffffff. Every browser - even the IE 6! - did what I wanted them to do BUT one browser was against me and css-standards. Guess who...

Yes. IE 7 didn't show the white background-colour while hovering over the link. The strange thing was that all the other effects (text-colour change etc.) were fine, even in IE 7. It was only the background-color which the IE 7 didn't like. Googling around, trying this and that I couldn't figure out the error. When I nearly decided to change the css-layout to get rid of the background-issue I finally kind of solved it: Instead of #ffffff I put in #fffffe and it worked for me.

UPDATE: It seems I'm not the only one struggling with this issue (german post).

Read other interesting articles:

Be Sociable, Share!

3 Kommentare zu "CSS workaround: IE7 doesn’t show white background-color on hover"

  1. ewe ewe Juni 19th, 2008 at 15:18

    Sounds for me like a value for transparency…

  2. ToyotaCharlie ToyotaCharlie Januar 30th, 2010 at 02:56

    omg, thank you!

  3. ie ie Januar 19th, 2012 at 12:15

    Thank you man. Crazy.


  • www.goneo.de