这是在黑暗中拍摄的，但也许有办法做到这一点：
我在 中的行和伪列中布置了数据<svg>，并且我在伪表中“低亮”了不活动的伪列。一次只有一组连续的列是“活动的”，所以它是两个低光区域，一个在活动列的每一侧。
我目前使用<rect>放置在表格顶部的两个元素来执行此操作。这些矩形填充了与网页正文背景相同的颜色。表格本身没有背景填充，它是透明的，并且 HTML 正文的背景颜色会透出来。在 javascript 中，我动态设置这两个矩形的大小和位置，以及它们的不透明度。它们的不透明度是造成低光效果的原因。我没有突出显示活动列，而是降低了非活动列中数据的不透明度。
这有效，但它阻止我将背景纹理应用于文档正文。在这些低光区域和文档正文之间对齐图案几乎是不可能的。我想知道是否有任何方法可以使用面罩或过滤器来做到这一点。我没有看到，但也许其他人看到了。
我看到这样做的唯一方法是更多地了解非活动列，并为这些列内的数据设置不透明度。但它们是 SVG 列，伪列。这是乐谱，不是数字/文本数据，列是音乐中的小节。SVG 不会通过度量来分隔数据，让我隔离所有非活动度量并更改它们的不透明度。这将是一项重大的重组工作，并将显着增加项目的规模和复杂性，以实现相对较小的视觉改进。