这是在黑暗中拍摄的照片，但是也许有一种方法可以做到：

我在<svg>的行和伪列中布置了数据，并且我在伪表中“低亮”了不活动的伪列。一次只有一组连续的列处于“活动”状态，因此它是两个低亮度区域，活动列的每一侧各有一个。

我目前通过在表顶部分层的两个<rect>元素来执行此操作。这些rect填充的颜色与网页正文的背景相同。该表格本身没有背景填充，它是透明的，并且HTML正文的背景颜色始终显示出来。在javascript中，我动态设置了这两个矩形的大小和位置以及它们的不透明度。它们的不透明是造成昏暗效果的原因。我没有突出显示活动列，而是降低了非活动列中数据的不透明度。

这有效，但是它阻止我将背景纹理应用于文档主体。在这些弱光区域和文档主体之间对齐图案几乎是不可能的。我想知道是否有任何方法可以使用遮罩或滤镜进行此操作。我看不到，但也许有人看到。

我看到的唯一方法是了解更多有关非活动列的信息，并为这些列中的数据设置不透明度。但是它们是SVG列，伪列。这是乐谱，不是数字/文本数据，并且列是音乐中的小节。 SVG不会以一种让我隔离所有不活动的度量并更改其不透明性的方式来按度量对数据进行界定。这将是一项重大的重组工作，并且会为该项目增加可观的规模和复杂性，从而在视觉上带来相对较小的改善。