Почему на айфоне задний фон блока размытый?

Question

[ivanmats]

Здравствуйте!
Имеется обычный div, со стилями:

div{
  background-image: url("путь/к/картинке");
  background-size: cover;
  background-attachment: fixed
}

Проблема в том, что на андроиде картинке и все остальное работает как надо. А вот на айфоне - картинка размыта. В чем проблема?

Comments

[modelair]

вероятно есть что-то еще, от этих свойств ничего не "размоется"

[ivanmats]

modelair, ну, если быть точнее, то сайт стоит на WordPress.
HTML:

<div class="banner" style="background-image: url(путь/к/картинке)">
  <div class="container">
    <p>Просто текст...</p>
  </div>
</div>

CSS:

.banner{
  width: 100%;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

[modelair]

ivanmats, ссылка есть? я бы посмотрел. поищи backdrop-filter в стилях

Answer 1

[godsplane]

Известная проблема на сафари.
background-attachment:fixed не работает вместе с background-size:cover;