Home/ Questions/Q 983941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T04:56:10+00:00

this seems very simple and im puzzled as to why its not working…I want

  • 0

this seems very simple and im puzzled as to why its not working…I want to change the background image of a DIV when rolling over it. It works on chrome and FF on a mac – but then not FF, IE on PC

CSS – /media/css/mystandard.css

div.flipper {background-color: #FFFFFF;}
div.flipper:hover {background-color: #F8FBFE;}

HTML

<HTML> <HEAD> <link rel="stylesheet" href="/media/css/mystandard.css"/></HEAD><BODY>        
<div class="flipper" >  
hello stack overflow!               
</div>
</BODY></HTML>

re:Catfish

Thanks for the tip. Unfortunately I can’t use the tags because I plan on having the background color of a full DIV change (sort of like twitter.com Tweets view on rollover) and dont want to make all the text in the div a link

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you have to use a <div>, you’ll need to use javascript to do the hover. I suggest using jQuery for simplicity:

    $("div.flipper").hover(
  function() { $(this).addClass("hover"); },
  function() { $(this).removeClass("hover"); }
);

    Then change your CSS to:

    div.flipper {background-color: #FFFFFF;}
div.hover   {background-color: #F8FBFE;}
    • 0