Question

我需要专家的帮助。

如何在下面的小提琴中修改代码：http://jsfiddle.net/JDn7j/或css以在桌面向下滚动时纠正底部边框消失。我猜测为了保持一致性，只应删除2行顶部边框。

我该怎么做？

<style type="text/css">
div.scrollTableContainer thead tr   {
    top: expression(offsetParent.scrollTop);
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}
table.dataTable {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}
table.dataTable th {
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-weight: normal;
    padding: 4px 3px 3px 4px;
    background: #ccc;
    font-weight: bold;
}

table.dataTable td {
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999; 
    padding: 2px 3px 3px 4px
}


div.scrollTableContainer {
    height: 285px;  
    overflow: auto;
    width: 900px;
    margin: 15px 0 0 0;
    position: relative;
}


div.scrollTableContainer table {
    width: 952px;
}

div.scrollTableContainer thead tr   {
    position:relative;
}

div.scrollTableContainer td:last-child {padding-right: 20px;}

</style>

Answer 1

您想要一致的底部边框吗？假设我正确理解你的问题......

将边框底部：1px纯黑色添加到容器中并从最后一行中删除border-bottom。 th：last-child {border-bottom：0}

当桌面向下滚动时，第一行的底部边框消失

1 个答案: