使用此处的技巧:在不影响布局的情况下增大内联链接的可点击区域,我在锚元素上设置了正填充和负边距,目的是将可点击区域扩展到元素之外的某些文本中。
它有效,但是仅当不透明度小于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时,有没有办法使它工作?
| 归档时间: |
|
| 查看次数: |
127 次 |
| 最近记录: |