css - 为什么 IE7 不能识别锚标签上的 CSS 填充样式？

Question

我的网站在 Firefox、Safari、Chrome 和 Opera 中运行良好，但由于某种原因 IE7 无法识别任何锚标记上的 css 填充。我想不通。在 IE7 中，如果您查看主页http://revolvermag.com上显示“exclusives|popular|recent comments”的选项卡，您会发现没有应用填充。

我已经解决了填充没有被应用于网站其他地方的锚标签的问题，但在这里它看起来特别糟糕。任何人都知道这方面的 CSS 修复？

Answer 1

a { display: inline-block }可能会在保持内联级别的同时工作，这意味着它不会破坏页面。不过不能试，我没有IE7。在 IE8inline中它工作正常。

Answer 2

您不能在非块元素上进行填充。如果你给他们一点 CSS 的爱：

a { display: block; }

然后他们会尊重填充。

Answer 3

将显示块添加到您的 a 使其具有高度

.tabNavigation li a {
   display:block
}

然后您需要将选项卡向后移动 7px，以便它们在线上。

.tabs .tabNavigation {
   float:left;
   list-style:none outside none;
   margin:-31px 0 0 -1px;
}