0

position: relative我在 IE9 中工作时遇到了一些麻烦。这是一个带有以下代码的演示:

<div style="overflow:scroll;height:120px;">
<table id="table"  width="100%">
    <tr style="position:relative;background-color:#1b72a4;">
        <td>fff
        </td>
         <td>fff
        </td>
         <td>fff
        </td>
         <td>fff
        </td>
         <td>fff
        </td>
         <td>fff
        </td>
    </tr>
    <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>
    <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>
    <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>
    <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>
     <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>

     <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>

     <tr>
        <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
         <td>data
        </td>
    </tr>

</table>
</div>

我通过为第一行提供如下样式来固定第一行:style="position:relative;"

但是,上述样式仅适用于 IE7。我必须在所有版本的 IE 中固定第一行。我应该怎么办?

4

1 回答 1

2

这就是你想要的?您说您正在修复第一行,我认为您希望始终位于顶部,所以position: relative;不是正确的选择,position: absolute;而是使用

演示

CSS

div {
  display: inline-block;
}

#table {
   width: 600px;
}

.fixed {
   position:absolute;
   background-color:#1b72a4;
}

.fixed td {
   width: 100px;
}

#table tr:nth-child(2) td {
   padding-top: 20px;
}
于 2012-12-10T07:31:26.080 回答