在IE中,只有链接的文本部分是可点击的

时间:2012-03-10 21:51:08

标签: html css haslayout

我只是注意到在IE9和IE8中(不在IE7中)我的链接周围的填充不被视为链接的一部分(它不可点击,并且当它悬停时我的悬停效果未被应用)。只有链接的文本部分正在运行。

我尝试给元素一个背景颜色但是没有修复它。

有没有人见过这个?

解决:写了一个巨大的编辑问题,并在此过程中弄明白了。 我的身体上有一个负的z指数,我绝对不知道会引起这种情况,但显然确实如此。这是jsfiddle:http://jsfiddle.net/CEbMe/,它显示了IE9和IE8中的问题

2 个答案:

答案 0 :(得分:1)

尝试添加:

<style>
  a { display: inline-block; padding: 0 50px; background: yellow; }
</style>
<p>This is a <a href="#">link</a> with some text around it</p>

答案 1 :(得分:1)

没有一个建议的答案为我修好了,我花了几个小时找到答案:

http://haslayout.net/css/Partial-Click-Bug-v2

background-image: url(#);

修复它。我想这也可能会起到这个作用:

background-color: transparent;