我的网站在 Firefox、Safari、Chrome 和 Opera 中运行良好,但由于某种原因 IE7 无法识别任何锚标记上的 css 填充。我想不通。在 IE7 中,如果您查看主页http://revolvermag.com上显示“exclusives|popular|recent comments”的选项卡,您会发现没有应用填充。
我已经解决了填充没有被应用于网站其他地方的锚标签的问题,但在这里它看起来特别糟糕。任何人都知道这方面的 CSS 修复?
我的网站在 Firefox、Safari、Chrome 和 Opera 中运行良好,但由于某种原因 IE7 无法识别任何锚标记上的 css 填充。我想不通。在 IE7 中,如果您查看主页http://revolvermag.com上显示“exclusives|popular|recent comments”的选项卡,您会发现没有应用填充。
我已经解决了填充没有被应用于网站其他地方的锚标签的问题,但在这里它看起来特别糟糕。任何人都知道这方面的 CSS 修复?
a { display: inline-block }
可能会在保持内联级别的同时工作,这意味着它不会破坏页面。不过不能试,我没有IE7。在 IE8inline
中它工作正常。
您不能在非块元素上进行填充。如果你给他们一点 CSS 的爱:
a { display: block; }
然后他们会尊重填充。
将显示块添加到您的 a 使其具有高度
.tabNavigation li a {
display:block
}
然后您需要将选项卡向后移动 7px,以便它们在线上。
.tabs .tabNavigation {
float:left;
list-style:none outside none;
margin:-31px 0 0 -1px;
}