https://i.sstatic.net/GDjhE.jpgI have searched for similar questions but couldn't find a solution that fits my specific situation. Please bear in mind that I am new to this, so your patience and understanding are appreciated.
Here is the code snippet:
This code snippet represents a div on the webpage
.XY{
display:block;
position:static;
background-image: url(XY.jpg);
background-repeat:repeat-x;
}
Within this div, there is a table with various cells, including the following:
#XY,#XY,#XY,#XY{
display:table-cell;
height:40px;
width:200px;
margin:auto;
text-align:center;
}
My question is: How can I make it so that when I hover over these cells, the background image of the entire div changes, not just the cell itself? Is it possible to achieve this using only CSS or would I need to incorporate some script codes as well?
Thank you in advance for any helpful comments or answers! All of these cells are contained within a div on the page, and what I aim to accomplish is changing the background image to a different one when hovering specifically over the Assault cell.