如何在悬停在其他元素上时更改背景图像？

Question

我知道之前曾经问过这样的问题，但情况有所不同，而我在其他问题上找不到答案。请注意，我是初学者，所以不要因为不知道某事来判断我 我很抱歉，如果确实有这样的问题有答案，我无法找到它，那么如果你把它链接起来我就会恭喜：）

所以这是一个简单的代码

这是页面上的div

Users

在这个div中有一个表，有许多单元格，包括这些单元格

DbContext

所以我的问题是：当我悬停在那些细胞上时，我怎么能实现这一点，然后整个div的背景图像改变，而不仅仅是细胞？我可以仅在css中执行此操作，还是需要一些脚本代码呢？ 感谢您提前提供的任何有用的评论/答案！ 那些所有单元格都在页面上的div中，而我想要的是当我将鼠标悬停在攻击单元格上时，当前背景图像会变为另一个单元格

Answer 1

试试这个。

＆＃13;

＆＃13;

.XY {
    display: block;
    position: static;
    background-image: url(https://www.w3schools.com/howto/img_fjords.jpg);
    background-repeat: no-repeat;
    color: #fff;
    background-size: cover;
}

.XY:hover {
    background-image: url(https://www.w3schools.com/w3css/img_lights.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#XY,
#XY,
#XY,
#XY {
    display: table-cell;
    height: 40px;
    width: 200px;
    margin: auto;
    text-align: center;
    color: #000;
    font-weight: bold;
}

＆＃13;

<div class="XY">
  <table>
    <tr>
      <td id="XY">Table Cell</td>
      <td id="XY">Table Cell</td>
    </tr>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个

div:hover {
    background-color: green;
}

如果这不是你想要的，请告诉我

Answer 3

您可以尝试为该单元格提供与其他单元格不同的div类，然后使用exp：

.table.some_style td{
   background-color: your color;
   }
.table.some_style td:hover{
   background-image: your image;
   }

如果你想让很多细胞产生这种效果，你可以给它们同一个类。 你必须尝试它是否适合你。

如果有效，请告诉我。