CSS问题:顶部边框未在IE中显示

时间:2009-08-17 20:06:51

标签: javascript css internet-explorer firefox

在我的网站上,我使用JavaScript Tabifier创建标签

在Firefox中,标签有一个顶部边框(根据需要)。

在IE 6/7中,标签没有顶部边框,即使我为相应的CSS属性(border-top)定义了ul.tabbernav li a

关于为什么Firefox具有顶部边框但IE不具备的任何CSS想法?

更新

下面的评论,现在页面w3c验证但我仍然遇到原始概述的CSS问题。

更新2

是的,我知道IE 6/7/8不支持border-radius但是我删除了该属性并明确定义了border-top,并且仍然没有为IE 6/7显示border-top。

5 个答案:

答案 0 :(得分:2)

看起来你正在使用弯曲的边框。 IE 6和7不支持弯曲边框。我认为IE 8确实如此。

创建一个特定于IE的样式表并在此处更改创建边框的方式。

<!--[if IE]><link rel="stylesheet" type="text/css" href="/public/stylesheets/ie.css" /><![endif]-->

您可以显示常规边框或删除边框并创建背景图像,使其看起来像是有弯曲的边框。

答案 1 :(得分:2)

margin-top:1px;添加到ul.tabbernavpadding-top:1px;添加到div.listingTabs

我知道这是一个IE错误,但FF中的Firebug仍然可以提供帮助。如果你检查ul或div,你会看到ul在父div的显示区域之外。

答案 2 :(得分:1)

尝试为这些设置行高。我在ie7中有一个非常类似的问题,除了它没有同时显示顶部和底部边框。他们实际上被截止了。

line-height: 22px;

不确定这里适合你的确切高度,但要试一试。

答案 3 :(得分:0)

我目前还没有IE可以测试;但是,边界是否有可能超出包含div.tabbernav)的高度,并在其他地方隐藏overflow规则?

如果有机会,您可以尝试将overflow: visible添加到.tabbernave课程。那或者增加它的高度,并减少.tabbernave li s的高度。

答案 4 :(得分:0)

所有提供的解决方案在IE7中都没有为我工作,但这一个做了: - )

按如下方式分隔子样式:

border-left-style: solid;
border-left-width: 1px;
border-left-color: red;

I used the solution from this source