ポジション：IE9では相対的に動作しませんか？

Question

こんにちはすべて、

私は内容を表示するためにテーブルを使用しているWebページを開発しています。 表には、ヘッダー部分と内容部分があります。

HTML：

<div style="height:100px;overflow:auto;"> 
<table> 
<thead> 
<tr> 
    <td>ID</td> 
    <td>Name</td> 
    <td>Address</td> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Test Name</td> 
    <td>Test Address</td> 
</tr> 
    <tr> 
    <td>2..</td> 
    <td>Test Name1..</td> 
    <td>Test Address123..</td> 
</tr> 
<tbody> 
</table> 
</div> 

CSS：

thead tr { 
position:relative; 
top: expression(offsetParent.scrollTop); 
} 

私はヘッダ部分が静的にしたいときに、特定の限界に超えて、レコードの数が増えます。つまり、レコードでスクロールしないでください。

私は上記のCSSコードを使用していますが、動作しません。誰も私にこれを行うためのより良い方法を提案することはできますか？私はIE9を使用しています。

ありがとう、 Arvind。

Answer 1

position: absoluteまたはposition: fixedのいずれかを使用してください。