html - div 上的 onMouseOver

Question

因此，当鼠标悬停在 div 上时，我试图让 onMouseOver 替换图像，不幸的是，正如我现在拥有的那样，它仅在鼠标直接位于图像而非 div 上时替换图像, 有没有办法让它工作？

我是否应该使用 CSS 来放置图像，并在悬停时替换图像？

<div class="link">
     <a href="link.html">
          <img src="img.png" onMouseOver="this.src='hoverimg.png'" onMouseOut="img.png'"
          <div class="title">Title</div>
     </a>
</div>

Answer 1

我更喜欢为此使用 CSS:

<div class="image-hover">
    Some title
</div>

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