Бесшовное выравнивание фоновых изображений? ⇐ CSS

[Anonymous]

Я хотел бы выделить некоторые ячейки в таблице, заштриховав их.
Если две ячейки с одинаковым узором находятся рядом друг с другом, узор должен охватывать обе ячейки. без проблем. Этот код показывает проблему: https://codepen.io/Carsten-Fuchs/pen/LYodKxv
Детали зависят от размера области предварительного просмотра, поэтому вам, возможно, придется сделать Увеличьте или уменьшите окно браузера, чтобы увидеть проблему. Вот увеличенный снимок экрана места, где встречаются четыре ячейки, демонстрирующий проблему:
[img]https://i. sstatic.net/oTjnQK6A.png[/img]

Желаемый результат и цель этого вопроса:


Уже пробовал:

• Использование фонового прикрепления: исправлено; Кажется решить проблему, но затем фоновое изображение фиксируется в начале области просмотра, то есть оно останавливает прокрутку вместе с таблицей.
• Применение фонового изображения к элементу не приводит к изменению не поможет, потому что охватывает все ячейки, а не только индивидуально выбранные.

Таким образом, вопрос в том, как же можно добиться плавного выравнивания, но при этом сохраняйте начало координат для , элемента или чего-либо еще, чтобы штриховки прокручивались вместе с остальным содержимым страницы.

Подробнее здесь: https://stackoverflow.com/questions/786 ... und-images