Как убрать БАГ(лишние полосы) в модальных окнах?

Question

[appcent]

ссылка на сайт
У клиента на ноуте в браузере chrome (67,0,3396,87) в модальных окнах при выделении текста или фокусе на элементах формы появляются странные полосы (выделены красным на фото).
Проверял у себя и еще на нескольких ПК, все ок.
Из-за чего может возникать подобное и как от этого избавиться?

Answer 1

[Александр Аксентьев]

откройте консоль в браузере и наведите мышку, увидите что это и откуда.

Answer 2

[Евгений]

мне кажется это видеокарта, бывало такое иногда в хроме.

Answer 3

[Сергей Лещенко]

prntscr.com/k1kjce посмотрите псевдоелемент before, похожие стили. Попробуйте отключит скрипты.

Answer 4

[Trash]

Проблема в:
body {background-blend-mode: multiply;}

Советую убрать эту строчку из body, плюс на фоновый спрайт body поставить png с прозрачностью, и уже в background-color задавать свой затемненный цвет.

По ссылке можете скачать png-шку с прозрачностью. Скачать.

Comments

[appcent]

https://i.imgur.com/KCQaiak.png
штрих приобретает контрастный цвет на темном фоне, при таком методе...

[Trash]

appcent, в любом случае проблема кроется именно в background-blend-mode, и чтобы избавиться от полосок - нужно избавиться от свойства (на данный момент других вариантов нет).
И да - не за что.

[appcent]

Сергей Валитов, Спасибо)
Я сделал твоим методом, клиент еще не проверил. Один вопрос, blend-mode получается по всему сайту убирать (он используется не только в body)? или достаточно body?

[Trash]

appcent, убери только в body