我正在开发一个 ASP.Net 元素。我有一个 <asp:Table>控件在我的页面上，从代码隐藏添加到哪些列和单元格。许多单元格跨越不止一列。
这是当前的图表。我需要垂直延伸的微弱网格线越过粉色和绿色条的顶部。
我尝试了一种简单的 CSS 方法来设置单元格 z-index属性为 0，然后是表 z-index到 1，但这不起作用(我假设表格的 CSS 覆盖了单元格的 CSS)。
我正在使用 jQuery.corner对于单元格的圆 Angular ，因此这可能会进一步增加复杂性。
2012 年 2 月 13 日更新
目前，这些网格线实际上是左侧带有 CSS 虚线边框的空表格单元格。这样做的原因是我试图让网格线出现在顶部，但我做不到，所以实际上我的代码目前没有尝试这样做。所以我的问题应该是，有没有办法做到这一点？
我无法在 JSFiddle 上正确应用圆 Angular 和样式，所以我使用了 pastebin，请复制文本 here转换成纯 html 文件，您应该会得到类似于上图的正确输出 - 如果它看起来不同/Angular 是正方形，请告诉我。
注意:如果您使用 IE 查看文件并使用 IE 开发人员工具，则有一个选项可以勾勒表格单元格，这对此非常有帮助。
最佳答案
我认为，如果不是让彩色单元格跨越多个单元格，而是只为单个单元格着色，那么网格线将被保留。我不知道您的标记是什么样的，我不建议您完全使用此标记，但这里有一个可能看起来如何的示例:http://jsbin.com/ilinap/edit#html,live
关于javascript - 使垂直网格线出现在跨表单元格的顶部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6278562/