4

ここからトリックを使用:レイアウトに影響を与えずにインライン リンクのクリック可能な領域を大きくする 、クリック可能な領域を要素を超えたテキストに拡張することを目標に、アンカー要素に正のパディングと負のマージンを設定します。

機能しますが、不透明度が 1 未満の値の場合のみです! Firefox と Chrome は同じ動作を示します。

コンパクトなデモ: http://jsfiddle.net/zGsZK/8/

CSS:

  a { margin-right:-250px; padding-right:250px }
 .nowork { opacity:1 }
 .works { opacity:0.999999 }

HTML:

<body>
<a href=# class=nowork>?</a> this black text is not clickable :(
<p>
<a href=# class=works>!</a> this black text is clickable, as it should be
</body>

これはどのように機能するはずですか？なんで？opacity==1 のときに機能させる方法はありますか?

4

1 に答える 1