链接/鼠标悬停在IE 8上无法点击的背景图像上

Question

这是我的网站

www.landshoppe.com

我在IE 8中无法点击带有背景图像的标题部分的叠加div中的链接和搜索框。这是一个固有的IE Z索引问题吗？ （虽然我给了searchbox div一个Z-index 5）。或者这是一个职位问题？ （我已经分配了相对于div的位置）。

页面在W3C验证器中验证。所以没有html错误。

故障在哪里？

Answer 1

您应该为IE创建一个特定的样式表。使用这样的条件评论来引用它：

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/styles/ie.css" />
<![endif]-->

并在CSS中添加可点击区域 - 这些属性：

• 背景颜色（任何颜色，无关紧要）。 E.G。：背景颜色： ＃000000 ;
• ms-filter： “progid：DXImageTransform.Microsoft.Alpha（Opacity = 0）”;
• 过滤器： alpha（opacity = 0）;

这为我解决了！

Answer 2

@Consta Gorgan我找到了一个解决方案，将div中的所有事件放入另一个div中并使其位置为：absolute。现在它有效！虽然我在移动响应式设计方面存在一些问题。猜猜我会把它作为下一级解决：）