图像只在萤火虫中消失

Image disappears only in firefox

本文关键字:消失 萤火虫 图像      更新时间:2023-09-26

当鼠标悬停在图像上时,我试图使图像变得稍微不透明。我在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; "/>

shade函数只是将不透明度更改为0.5。图像在除firefox之外的所有浏览器中都能正常工作。在firefox中,图像是不透明的,如果鼠标停留在图像上,图像就会消失。我一直找不到这个问题。提前谢谢你的建议。

这是我的遮阳功能。非常简单。它适用于所有浏览器。它甚至适用于firefox。不同之处在于萤火虫在不透明后图像会完全消失:

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

您应该依赖像JQuery这样的lib及其API。例如,看看fadeTo方法。如果你仍然想使用自己的方法,请将其粘贴在问题中。

干杯。