悬停文本并替换为图像

Question

我希望使用简单的HTML / CSS在悬停时用图像替换一些文本。

• 否：图片显示在文字下方
• 否：图片上的文字
• NO：图像替换为图像
• 是：文字替换为图像

Answer 1

这是开始的东西......你可以使用css背景图片，或者在a里面使用img标签。我真的不知道你想要完成什么，但这是一个开始。

https://jsfiddle.net/wq2pjafc/1/

HTML：

<a class="fancy">
  <span class="text">text</span>
</a>

的CSS：

.fancy {
  display: block;
  width: 455px;
  height: 315px;
  background: #eee;
}
.fancy:hover {
  background: url('http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg')
}
.fancy:hover .text {
  display: none;
}