为什么我的透明 div 上的链接在 IE 中变得无法点击?
我网站上的链接: http://rnmtest.co.uk/oddfellows/
如果您点击 '用餐后,您应该会看到“立即预订”按钮。该元素在 IE 中不可点击。它下面的区域有一个半透明的png作为背景。内容通过 jQuery 加载。
我已按照其他网站的建议将锚点放在容器 div 中,但这没有效果。如果我在 IE8 中调整窗口大小,有时我可以单击按钮的一小部分。
这种效果发生在所有锚点上,而不仅仅是图像。
Links on my website: http://rnmtest.co.uk/oddfellows/
If you hit 'Dine' you should see a 'Book Now' button. This element is not clickable in IE. The area below it has a semi-transparent png as the background. The content is loaded via jQuery.
I have put the anchor within a container div as recommended by other websites, but this has had no effect. If I resize the window in IE8 I can sometime click a small portion of the button.
This effect occurs on all anchors, not just the images.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是 IE6 的一个已知限制 - 容器内使用过滤器创建透明背景的链接不可单击
您可以在此处找到更多信息和解决方法
This is a known limitation of IE6 - links within a container that use filters to create transparent backgrounds are not clickable
You can find more information and a workaround here
从 jquery 加载内容后,您是否挂钩了单击事件?
在尝试挂钩事件之前,您是否确保 jquery 已完成加载内容?
这很容易做到。
Once you loaded the content from jquery did you hook in the click event?
Did you make sure jquery finished loading the content before you tried to hook the event?
It's very easy to do.
我必须使链接位置:相对;明确地。
I had to make the link position:relative; explicitly.