在IE6中，使用AlphaImageLoader过滤器后，链接不再可点击答案

【问题标题】：In IE6, after using AlphaImageLoader filter, links are not clickable anymore在IE6中，使用AlphaImageLoader过滤器后，链接不再可点击
【发布时间】：2010-10-28 03:48:41
【问题描述】：

我正在使用 AlphaImageLoader 在 IE6 中显示我的透明 PNG。 HTML 是，

<div id="infoBox">
<a href="links.html">Links</a>
</div>

CSS 是，

    #infoBox
    {

background:url('/images/bg.png') !important; 背景：; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg.png',sizingMethod='scale'); 位置：绝对；

    }

    #infoBox a:link
    {
     text-decoration:none;
     position:relative;
    }

它工作正常，但链接在 IE6 中不再可点击。我在互联网上读到的是，我必须使用 AlphaImageLoader 制作元素，而不是使用任何位置，但我要求使用绝对位置。我该怎么做？

【问题讨论】：

标签： css internet-explorer-6

【解决方案1】：

您可以将绝对定位放在父包装上，而不是放在带有背景的元素上，这样可以改变出现 IE6 非交互性错误的情况。

有趣的是，即使更改背景图像的大小也会影响该错误。见this 激怒讨论。

【讨论】：

有效！！！现在，我遇到的唯一问题是 z-index 不适用于包装器 div(position:Absolute)。包装器 div 的一部分与上面的另一个 div 重叠，它应该有更高的 z-Index。
确保页面上所有定位的元素（绝对的、相对的或固定的）都有一个 z-index。当定位元素缺少 z-index 时，IE 会给它一个默认索引，创建一个其他浏览器没有的新堆叠上下文。

【解决方案2】：

尝试将链接的z-index 设置为较高的值——这对我克服类似的错误很有帮助。

【讨论】：

人力资源管理。您是否尝试将其与绝对定位结合使用？只是好奇。
我把它放在这里：#infoBox a:link { text-decoration:none;位置：相对； z-索引：5002； }
你不是说根据DXImageTransform滤镜的必要性需要使用绝对定位吗？
是的。 #infoBox 确实具有绝对定位，而我在互联网上某处读到的内容，Positioning+AlphaImageLoader 会产生这种效果，即链接不可点击