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

Question

我刚刚注意到，在 IE9 和 IE8（不在 IE7 中）中，我的链接周围的填充不被视为链接的一部分（它不可点击，当它悬停时我的悬停效果不会被应用）。只有链接的文本部分有效。

我尝试给元素一个背景颜色，但这并没有解决它。

有没有人见过这个？

已解决：对我的问题进行了大量编辑，并在此过程中自己解决了问题。我的身体上有一个负的 z-index，我绝对不知道会导致这种情况，但显然确实如此。这是 jsfiddle： http: //jsfiddle.net/CEbMe/，它显示了 IE9 和 IE8 中的问题

score 1 · Accepted Answer

尝试添加：

<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>

score 1 · Accepted Answer

建议的答案都没有为我解决，我花了几个小时寻找答案：

background-image: url(#);

修复它。我想这也可能完成这项工作：

background-color: transparent;

2 回答 2