2

最近、9、8、および 7 で奇妙なバグを発見しました ( http://jsfiddle.net/global_1981/rrKaV/1/を参照) 。

テキストを含むブロック要素の上に配置されている場合、アンカー要素が絶対位置にある場合、cursor:pointer css ルールは考慮されません。

cursor:pointer を保持する代わりに、テキストが選択可能になります。

これを修正するには、アンカー要素の background-color を透明に設定することはできません。代わりに、単色に設定する必要があります。または、私の場合は下のテキストを表示する必要があったため、背景画像を存在しない画像に設定しました。

誰かがこのバグに遭遇したか、より良い修正をしていますか?

4

1 に答える 1

0

絶対に配置された 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;
}
于 2012-09-19T07:28:36.043 に答える