0

Заметил что в хроме появляются непонятные полосы слева и над элементом после наведения или выделения мышью. Позже выяснил, что проблема исчезает если убрать background-color и background-blend-mode.

Но как эти свойства могут влиять? Помогите понять суть проблемы.

PS В Edge и Mozilla изначально отображается нормально.

body {
  background-image: url(img/wall.jpg);
  background-color: white;
  background-blend-mode: multiply;
}

Пример

2
  • А зачем вам background-color: white; если у вас фон картинка?
    – WhyTry
    29 окт 2018 в 7:33
  • Чтобы сделать контент более читабельным
    – PURGEN
    30 окт 2018 в 17:03

1 ответ 1

0

Вы столкнулись с стилями которые Chrome устанавливает для различных элементов по умолчанию, исправляется это переопределением этих самых стилей.

Что бы не делать это вручную можете использовать уже готовые решения reset.css и normalize.css.

Более подробный ответ дан в этом комментарии.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.