将文本悬停在div上，其中包含图像

<div class="container">
  <img src="image.jpg" alt="Image">
  <p>文本内容</p>
</div>

.container {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #ccc;
}

.container p {
  display: none;
  position: absolute;
  top: -20px;
  left: 0;
  background-color: #fff;
  padding: 5px;
}

var container = document.querySelector('.container');
var text = container.querySelector('p');

container.addEventListener('mouseover', function() {
  text.style.display = 'block';
});

container.addEventListener('mouseout', function() {
  text.style.display = 'none';
});