css - 将鼠标悬停在另一张图像上时淡入和淡出图像

Question

我有两张图片。我希望第二张图像在我“鼠标悬停”第一张图像时淡入，而当我从第一张图像“鼠标移出”时淡出。

如何使用 css3 完成此操作？

我提前感谢您的回复。

Answer 1

其实我不知道如何使用 CSS3 做到这一点，但使用 JQuery：

$('#image1').mouseover(function() {
  $('#image2').fadeIn();
});

$('#image1').mouseout(function() {
  $('#image2').fadeOut();
});

这是一些图像的基本解决方案，但您可以根据需要动态执行此操作。