Change bgimage of table cell

HTML & CSS
1

Hi,

I have a table with 8 cells. I have assigned a common background to each cell. I want to change the background of cell on mouse-over. How to do it ?

Thanks.

2

Let’s see if I can get this posted before some dumbass posts how to do it in jQuery.

This belongs in CSS as there’s NO reason to waste javascript on this.

Target the Cell in CSS with the hover pseudo-state.


td:hover {
  background-image:url(images/hoverBackground.png);
}

That’s it.

3

Works great! Thanks.