设置图像不透明度问题
我有一点设计问题。
在此页面上,我有几个鼠标悬停图像。 正如您所看到的(仅在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你正在使用的这真是一个黑客。 理想情况下,您必须像这样隐藏/显示鼠标悬停/鼠标悬停时的图像 -
如果这使您的表格摇晃,那么您的表格结构一定存在问题在您的页面上使用(我在页面 )。
要避免此问题,您还可以使用这样的
visibility
类(而不是使用display
) -That's quite a hack you are using. Ideally, you must hide/show the images on mouseover/mouseout like this -
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 usingdisplay
) -