图像仅在 Firefox 中消失

Question

当鼠标悬停在图像上时，我试图让图像变得稍微不透明。我在php中使用了这行代码。

  <img src="/wp-content/themes/Map/images/SlideTab/slide2.png"  onmouseover= 'shade(this)' onmouseout = 'normal(this)'  onclick='showSubMenu("sm_item3")'  alt ="Slide" style ="height :22em ; width:4.063em; "/>

阴影功能只是将不透明度更改为 0.5 。图像在除 Firefox 之外的所有浏览器中都适用。在Firefox中，图像变得不透明，如果鼠标停留在图像上，图像就会消失。我一直无法找到问题。提前感谢您的任何建议。

这是我的阴影功能。很简单。它适用于所有浏览器。它甚至可以与 Firefox 一起使用。不同之处在于 Firefox 在变得不透明后图像完全消失：

function shade(x) {     
    x.style.opacity = ".5";   
}

Answer 1

您应该依赖 JQuery 及其 API 之类的库。以fadeTo 方法为例。如果您仍想使用自己的方法，请将其粘贴到问题中。

干杯。