在我的网站上,我使用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。
答案 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.tabbernav
或padding-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;