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 中固定第一行。我应该怎么办?