Question

我有一点设计问题。

在this page我有两个鼠标悬停图像。正如您所看到的（仅在IE中），在设置不透明度时，图像会以黑色圈出。

我在firefox中没有这个问题。

我使用不透明度的原因是因为当我使用hide / show图像时，它所在的表格会变得不稳定。

有人可以帮忙解决这个问题吗？

谢谢，理查德

Answer 1

这是你正在使用的黑客。理想情况下，您必须像鼠标一样在鼠标悬停/鼠标移动时隐藏/显示图像 -

document.getElementById("imageId").style.display = "none"; //Hide
document.getElementById("imageId").style.display = ""; //Show

如果这会使您的表格 摇摇欲坠 ，那么您在网页上使用的表格结构就会出现问题（我没有看到任何问题） the page tho）上的表结构。

要解决此问题，您也可以像这样使用visibility类（而不是使用display） -

document.getElementById("imageId").style.visibility = "hidden"; //Hide
document.getElementById("imageId").style.visibility = "visible"; //Show