部分标题仅在 IE9 中被截断答案

【问题标题】：Part of header gets cut off only in IE9部分标题仅在 IE9 中被截断
【发布时间】：2025-11-28 21:45:03
【问题描述】：

IE9 中似乎存在某种类型的错误

.WarningTableHeaderRow
{
    /*height: 18px;
    color: choose('Color', @blue, @green);*/    
    background-color: #FFD739;
    display: block;
    font-size: 14px;
    border-top: 15px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    padding-left: 33px;
    /*margin-top: 15px;*/
    /*padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 2em;
    padding-right: 1em;
    margin-top: 1em;
    margin-bottom: 0.83em;*/
    font-weight: bold;
    color: black;
}

此代码在所有其他浏览器中都能完美呈现。它甚至可以在 Internet Explorer 10 及更高版本中完美呈现。我不确定为什么会这样。我尝试更改有关此 CSS 的所有更改。最初使用了 margin-top: 15px。我尝试过无聊或更改填充。没有任何效果。而且这个错误只发生在 IE9 中。有什么建议吗？

【问题讨论】：

你能发一个像小提琴链接这样的例子吗？
不，这是我可以在这里发布的尽可能多的内容：/

标签： html css internet-explorer internet-explorer-9

【解决方案1】：

问题是这个 CSS 代码在 <tr> 标签下，IE9 出于某种原因忽略了该标签。只需将这些属性移至<table> 即可，效果很好

【讨论】：