html - CSS - 背景停止

Question

我有一个包含 23 个字段(跨列)的 HTML 表格，并且有用于 html 和 body 的 CSS:

html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

我的表格很长，没有样式，也没有包裹在 div 中，但是当我滚动查看表格的其余部分时，顶部边框和背景停止了，有人知道如何解决这个问题吗？

这是一个 JFiddle http://jsfiddle.net/jsuske/7g9qybjp/

Answer 1

请参阅此 fiddle :http://jsfiddle.net/a_incarnati/5ouvn063/1/

html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    font-family:"Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}
.table {
    background-color: #fff;
    border-top: 10px solid black;
}

不是将 border-top: 10px solid black; 应用到正文，您可以将它应用于 iframe 内表格的 .table 类。您还需要记住为表格添加一个白色背景。