在IE 7中缺少左边框

时间:2010-01-13 22:35:04

标签: css internet-explorer internet-explorer-7 border

对于在HTML&中创建的此报告CSS左边框在IE 7和IE中消失了。 6.它们在IE 8,Firefox,Chrome,Opera等中正确显示。

我正在使用三种不同的CSS类来应用该样式:

.LeftBorder
{
    border-left: 1px solid black;
}
.LeftBorderHeadingShaded
{
    background-color: gray;
    color: black;
    text-align: left;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 1px solid black;
}
.noshadeLeftBorder
{
    background-color: white;
    border-left: 1px solid black;
}

这些类适用于特定的TR和TD标签,但左边框无法显示在任何一个上。一些底部边界缺失,但这并不是一件大事。

我制作了一个屏幕截图,并排显示IE 7,6和8。我在问题区域上空盘旋。这是full HTML/CSS

Internet Explorer sucks at CSS
(来源:mckeeth.org

1 个答案:

答案 0 :(得分:2)

修改

那个选择器只是意味着“将属性应用于类型td的元素,这些元素是具有类tr”的LeftBorder元素的子元素。如果那不是你的结构,我为混乱道歉,我只看了你的火虫代码,并看到了类与LeftBorder类。不过,您需要将边框应用于td和/或table ...而不是tr

首先,我不认为你应该将边界应用于他们在td上的tr,所以你需要像tr.LeftBorder td

那样定位它们