块级锚点不占用文本周围的空间[IE7]

Question

我有一个带有一些简单CSS的锚标记：

div {
  background-color: gray; /* for debugging */
}

div a {
  display: block;
  padding: 6px 4px 6px 7px;
  background-color: red; /* for debugging */
}

在Firefox中，锚点（红色）甚至可以在文本之外点击，因为它有display: block一些填充。在IE7中，当我将鼠标悬停在非文本的红色区域上时，锚点不再是那里的链接。

Answer 1

尝试将zoom: 1添加到元素中。这给出了元素hasLayout，它不仅是所有IE漏洞的60％的来源（根据我为弥补这一点而进行的调查），而且还倾向于困扰块级锚点。

Answer 2

不知怎的，zoom: 1; position: relative;的组合似乎对我有用。马车！

Answer 3

zoom: 1在没有position: relative的情况下为我工作，但我的display: block元素设置了a。

Answer 4

我的http://gvtdev.davebezaire.com页面上有2个导航栏。设置zoom:1; display:block;导致一个菜单（左侧）表现正常。即使我添加position:relative; width:100%，另一个（在顶部）也无法正常工作。现在，我已经设置a:hover {text-decoration:underline;}，除非有人为我提供建议，否则必须足够好。

作为一个相当新的网页开发者，我真的很沮丧地了解我在IE的修复上花了多少精力！

Answer 5

使用zoom: 1 !important;为我工作。