Javascript 如何更改图像的不透明度？ $（文档）.ready（函数（）{ $（“#logo”）.mouseenter（函数（）{ $（#logo'）.fadeTo（“fast”，0.3）； }); $（“#logo”）.mouseleave（函数（）{ $（“#logo”）.fadeTo（“fast”，1） }); });

我这样做是为了在用光标悬停在图像上时更改图像的不透明度，但这并没有发生（

您不需要jQuery，您可以使用CSS：

HTML示例-您需要它具有ID

logo

<script type="text/javascript">
$(document).ready(function(){
  $('#logo').mouseenter(function() {
    $('#logo').fadeTo("fast",0.3);
  });

  $('#logo').mouseleave(function() {
    $('#logo').fadeTo("fast",1)
  });
});
</script>

---

图像的HTML是什么样子的？它是否嵌入到其他div中

---

正如上面问题中所述，“每次鼠标进入或离开子元素时，都会触发mouseover，但不会触发mouseenter”。

似乎工作正常：。需要更多上下文。请共享HTML部分或JSFIDLE。检查img标记的id。这是#徽标吗？

<img id="logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/200px-Example.svg.png" />

#logo {
    opacity: 1;
    filter:alpha(opacity=100);
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
}

#logo:hover {
    opacity: 0.3;
    filter:alpha(opacity=30);
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
}