Анимация Lott ie идет поверх заголовка - PullRequest
Новая
       13

Анимация Lott ie идет поверх заголовка

0 голосов
/ 23 марта 2020

Вы можете проверить, что происходит в www.dynamicpoa.com

Просто прокрутите, и вы увидите, что все работает правильно, кроме SVG-анимации (Lott ie), которая собирается над заголовком. На обеих страницах ("/" и "/cursos").

У кого-нибудь есть подсказка, как это исправить?

Я пытался изменить положение заголовка на 'fixed' и 'sticky Но ничего не работает. Я пытался изменить свойства div, который также поддерживает анимацию.

Цените ваше время.

Большое спасибо.

Ответы [ 2 ]

0 голосов
/ 23 марта 2020

Вам нужно установить z-index для класса header или .sticky, например: 

.sticky{
  position: sticky;
  z-index: 10;
}
0 голосов
/ 23 марта 2020

Добавить z-индекс: 10 в контейнер заголовка: класс элемента: 

sticky top-0 bg-white shadow

Добавить z-индекс: 1 в контейнер анимации: класс элемента: 

width:500px;height:500px;overflow:hidden;margin:0 auto;z-index: 1;outline:none; z1
...