标题的一部分仅在IE9中被切断

时间:2014-06-23 12:46:57

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

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中。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

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