在前端开发中，有时候我们需要在一个div元素内添加一张图片，但是当鼠标移到这个div上时，我们想让这张图片隐藏起来。这种效果可以通过CSS实现。

我们可以使用:hover选择器控制div元素的鼠标移入事件，然后使用display属性将图片隐藏。

div:hover img{
  display: none;
}

上述代码中，我们使用了:hover伪类选择器来控制div元素鼠标移入事件。在这个选择器下，我们又使用了img元素选择器来定位需要隐藏的图片。然后我们通过display属性将图片隐藏。

同时，我们也可以通过CSS的transition属性来实现图片渐变消失的效果。

div img{
  transition: opacity 0.5s ease-in-out;
}

div:hover img{
  opacity: 0;
}

上述代码中，我们使用transition属性来实现图片的渐变消失效果。然后我们使用div:hover伪类选择器控制鼠标移入事件，将图片的透明度设置为0，实现渐变消失的效果。

CSS可以灵活地控制元素的外观和交互效果。我们可以通过这种方法实现更加丰富的用户交互体验。