我创建了一个脚本来创建带有固定标题的可滚动表,但它在 Opera 中存在一个奇怪的样式问题,如果我尝试将背景颜色设置为任何内容,则包含 div 的背景颜色在滚动条上方变为黑色。
该脚本经过测试,在 IE6/7/8、Firefox 2/3、Chrome 2/3 和 Safari 2/3 中运行良好。
演示页面: http: //www.chrisnetonline.com/tests/scrolltable.html
我创建了一个脚本来创建带有固定标题的可滚动表,但它在 Opera 中存在一个奇怪的样式问题,如果我尝试将背景颜色设置为任何内容,则包含 div 的背景颜色在滚动条上方变为黑色。
该脚本经过测试,在 IE6/7/8、Firefox 2/3、Chrome 2/3 和 Safari 2/3 中运行良好。
演示页面: http: //www.chrisnetonline.com/tests/scrolltable.html
您的样式表当前具有适用于 IE7 的此 hack:
.scrollable_table table{
border-spacing:0; *border-collapse: collapse; /* hack is needed for IE7 */}
删除hack,右上角将正确使用您为包装器设置的背景颜色DIV
.scrollable_table table{border-spacing:0; border-collapse:collapse;}
最好的做法是在没有任何技巧或任何特定于浏览器的情况下创建样式表。在这种情况下,看不出为什么需要border-collapse
像以前那样进行调整。