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のすべてのバージョンで最初の行を固定する必要があります。私は何をすべきか?