html - 位置 :relative not working in IE9?

Question

大家好，

我正在开发一个网页，其中我使用表格来显示内容。在表格中，我有一个标题部分和一个内容部分。

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。

谢谢，阿温德。

Answer 1

您应该使用 position: absolute 或 position: fixed。