CSS Два предварительно загружающего. ⇐ CSS

[Anonymous]

мне нужно иметь несколько предварительных загрузки. Один на теле, и теперь я хочу добавить еще один предваритель, прежде чем отображать форму. Вот мой первый предварительный заказ: < /p>


















.
.
.

< /code>

Мой второй предваритель: < /p>

















.......
< /code>

Вот CSS для обоих предварительных загрузок: < /p>

#preloader{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 120;
}

#preloader_form {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 110;
}

#status,
#status_form {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 0;
position: absolute;
top: 50%;
}
< /code>

У меня не было никаких проблем с первым предварительным загрузкой. Но SVG второго исчезает, когда первый предварительный заказ исчезнет. И я не понимаю, почему < /p>

есть идеи? < /P>

спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/606 ... ause-issue