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

标签 html css haslayout

我刚刚注意到,在 IE9 和 IE8(不在 IE7 中)中,链接周围的填充不被视为链接的一部分(它不可单击,并且当鼠标悬停在其上方时不会应用我的悬停效果)。只有链接的文本部分有效。

我尝试为元素提供背景颜色,但这并没有解决问题。

有人见过这个吗?

已解决:对我的问题进行了大量编辑,并在此过程中自己解决了这个问题。 我的 body z 指数为负,我绝对不知道这会导致这种情况,但显然确实如此。这是jsfiddle:http://jsfiddle.net/CEbMe/这显示了 IE9 和 IE8 中的问题

最佳答案

尝试添加:

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

关于html - 在 IE 中,只有链接的文本部分是可点击的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9650468/

相关文章:

javascript - 使用 Javascript 获取复选框的自定义属性

jquery - 带有 Superfish 的菜单 - 链接在 chrome 上不起作用

html - 从父表内的表中的最后一个单元格中删除 border-left

css - webkit "haslayout"漏洞

html - 仅在 IE7 中无法在 anchor 内单击图像

javascript - 如何在 <a href> html 标签内插入 JavaScript 变量?

javascript - 通过 if 语句 Javascript 更改 div 的文本

javascript - 切换侧边栏使用什么js函数

javascript - 如何在 tinyMCE 中自定义单个文本区域

css - IE 11 中的 Peekaboo 错误(AdSense 在与窗口交互之前不显示)