css - Internet Explorer 9 及以下 z-index 文本光标错误

Question

我最近在 ie 9、8 和 7 中发现了一个奇怪的错误（参见http://jsfiddle.net/global_1981/rrKaV/1/）

当绝对定位的锚元素分层在具有文本的块元素上时，它不遵守 cursor:pointer css 规则。

文本变为可选择的，而不是保留光标：指针。

要解决此问题，您不能将锚元素的背景颜色设置为透明。相反，它必须设置为纯色，或者在我的情况下，我需要查看下面的文本，所以我将背景图像设置为不存在的图像。

有没有人遇到过这个错误或有更好的修复？

Answer 1

您是否尝试过简单地将 div 放在绝对定位的 div 中？

<div class="container">
    <div class="fix">
        <div class="txt">Some text</div>
    <div>
    <a class="lnk" href="#"></a>
</div>

<div class="container ieworks">
    <div class="txt">Some text</div>
    <a class="lnk" href="#"></a>
</div>

CSS：

.container {
  position:relative; z-index:1; width:100px; height:20px; background-color:red;
}
.fix {
position:absolute; top:0; bottom:0; left:0; right:0; cursor:pointer;
}

.txt {
  color:white;
}
.lnk {
      position:absolute; top:0; bottom:0; left:0; right:0; z-index:3;
}