html - img 可见但已禁用

Question

这是我的 HTML 代码:

<div class="mitcsinaltunk" style="position:absolute;left:5px;top:3px;text-align: left">
    <div class="triangle"><img src="images/triangle.png"></div>
    <img id="kep1" src="mitcsinaltunk/img1_s.jpg"  class="mitcsinaltunk">
</div>

在 #kep1.hover() 上开始一个动画和 fadeIn triangle.png。 triangle.png 在 #kep1 上。当我将鼠标放在 triangle.png 上时，停止 #kep1.hover() 动画。

我可以使三 Angular 形可见但禁用吗？

Answer 1

尝试将您的 .hover() 事件绑定(bind)到 .mitcsinaltunk 容器。你的问题有点难以理解(请发布你的 JS)，但我的猜测是当鼠标悬停在 triangle.png 上时，鼠标在原始图像上的焦点会丢失，从而停止动画淡入淡出。绑定(bind)到包含元素将解决这个问题。