仅当不透明度<1时,锚点填充才可单击

Oh *_*ess 5 css layout

使用此处的技巧:在不影响布局的情况下增大内联链接的可点击区域,我在锚元素上设置了正填充和负边距,目的是将可点击区域扩展到元素之外的某些文本中。

它有效,但是仅当不透明度小于1时才有效!Firefox和Chrome表现出相同的行为。

紧凑的演示:http : //jsfiddle.net/zGsZK/8/

CSS:

  a { margin-right:-250px; padding-right:250px }
 .nowork { opacity:1 }
 .works { opacity:0.999999 }
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

这是应该如何工作的吗?为什么?当opacity == 1时,有没有办法使它工作?