设置图像不透明度问题

发布于 2024-07-26 16:19:49 字数 198 浏览 5 评论 0原文

我有一点设计问题。

在此页面上,我有几个鼠标悬停图像。 正如您所看到的(仅在 IE 中),设置不透明度时图像会用黑色圈出。

我在火狐浏览器中没有这个问题。

我使用不透明度的原因是因为当我使用隐藏/显示图像时,它所在的表格会摇晃。

任何人都可以帮助解决这个问题吗?

谢谢,理查德

I have a little design problem.

On this page I have a couple of mouseover images.
As you can see (only in IE) the images are circled with black when setting the opacity.

I do not have this problem in firefox.

The reason I use opacity, is because when I use hide/show the image, the table where it resides in gets shaky.

Can anyone help resolve this problem?

Thanks, Richard

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

把时间冻结 2024-08-02 16:19:49

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

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

如果这使您的表格摇晃,那么您的表格结构一定存在问题在您的页面上使用(我在页面 )。

要避免此问题,您还可以使用这样的 visibility 类(而不是使用 display) -

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

That's quite a hack you are using. Ideally, you must hide/show the images on mouseover/mouseout like this -

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

If this makes your table shaky, then there has to be some problem with the table structure you are using on your page (I don't see any problem in the table structure on the page tho).

To circumvent this problem you can also use the visibility class like this (instead of using display) -

document.getElementById("imageId").style.visibility = "hidden"; //Hide
document.getElementById("imageId").style.visibility = "visible"; //Show
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文