Как убрать цветные полосы в pdf версии html файла?

Question

[lex0rrd]

Во время печати pdf версии сайта образуются такие полосы:



Связано это с свойством css для текста:

background-image: linear-gradient(91deg, #4EA7F9 25.17%, #2256F7 94.49%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Можно ли что-то сделать с этим багом, чтобы все выглядело прилично?

Comments

[Adamos]

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

[ThunderCat]

Как вариант - костылить обрезанием блока снизу или добавлять элемент :after, прикрывающий срамные места в медиазапросе принтера...

[Ратиборъ]

В CSS добавить блок, а если это файл, то сверху в head

<style>
@media print {
 /* поменять background на более простой */
}
</style>