css - 如何在 css 和 html 中构建悬停，当悬停在彩色背景上时会出现图像？

Question

我不知道如何解决这个问题。情况是我想建立一个悬停，首先只有一个彩色框(div 或其他)，其中写有关键字，例如“我们的汉堡”，如果你真的将它悬停在它上面，则会出现一个图像而不是框的彩色背景，并且文本仍然存在......我仍然无法弄清楚如何编码它以及是否有没有 js 的解决方案？!

Answer 1

你可以给 div 类并且可以在 css 中设置样式

.hello:hover {
  background-image:url("image url here");
}

<div class="hello">Content here</div>