0

我在一个旧站点中的一些旧 html 表中使用 ASP Classic 工作，这些旧站点仅在兼容模式下工作。浏览器是IE11，我觉得兼容模式在IE7

该表有两部分：标题和信息。所以，我的老板想做一个固定的标题。所以我在 CSS 中这样做：

.scroll-tabla {
        height: 500px;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
.scroll-tabla thead tr  {
        position: relative;
    }

和表：

<div class="scroll-tabla">
  <table border="0" cellpadding="0" cellspacing="0" >
    <thead>
      <tr>
        <th>..title 1...</th>
        <th>..title 2...</th>
        <!-- theader contents -->
        <th>..title F...</th>
      </tr>
    </thead>
    <tbody>
     <!-- tbody contents -->
    </tbody>
  </table>
</div>

我在我的本地主机中尝试过，它可以工作，即使我向下滚动，标题也会固定在表格顶部。但只是在本地主机中。

我尝试在我的远程服务器上使用 URL，并在我自己的机器上使用我的 IP 在另一台机器上加载站点，并且标题与表格的其余部分一起滚动。

我也试试这个：

.scroll-tabla thead tr  {
        position: relative;
        top: expression(this.offsetParent.scrollTop); 
}

但不起作用。我不知道为什么或如何发生这种情况。我该如何解决？

4

0 回答 0