Как исправить проблему с положением фона в Safari?

Как исправить проблему с анимацией собак, которая уезжает налево в Safari при использовании адаптивных значений (например, % или vw) для размера блока и свойства background-position, в отличие от пикселей? Ссылка на код: <a href="https://codepen.io/ugolnikov/pen/dyBPZNX" rel="nofollow">https://codepen.io/ugolnikov/pen/dyBPZNX</a>
  • 11 июля 2024 г. 11:12
Ответы на вопрос 1
Для исправления проблемы с положением фона в Safari, можно попробовать добавить следующие стили к элементу с фоном:

```css
background-attachment: fixed;
background-position: center center;
```

Что касается проблемы с анимацией собак, можно попробовать использовать позиционирование относительно родительского элемента, например, использовать `position: relative;` для родительского блока и `position: absolute;` для дочернего блока с анимацией. Также можно попробовать установить фиксированную ширину для блока с анимацией, а не использовать адаптивные значения.

```css
.container {
  position: relative;
  width: 100%; /* или другая фиксированная ширина */
}

.dog {
  position: absolute;
  left: 0; /* или другое значение, чтобы задать начальное положение собаки */
}
```

Эти рекомендации могут помочь исправить проблему с анимацией в Safari.
Похожие вопросы