Laravel проект показывает fla sh из html без css при первой загрузке - PullRequest
Новая
       38

Laravel проект показывает fla sh из html без css при первой загрузке

0 голосов
/ 30 мая 2020

У меня есть проект Laravel. Когда я загружаю, сначала отображается HTML fla sh, затем загружается CSS с небольшой задержкой. Как я могу это исправить?

Я пробовал предварительный загрузчик, но он показывает fla sh, а затем предварительный загрузчик означает, что между предварительным загрузчиком все еще есть небольшая ошибка sh простого HTML.

I попробовал это в файле заголовка: 

<div class="preloader"></div>
<script>
    $(window).load(function() {
        $('.preloader').fadeOut('slow');
    });

CSS: 

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
}

1 Ответ

0 голосов
/ 30 мая 2020

Поместите остальной код, отличный от предварительного загрузчика, в какой-либо контейнер, по умолчанию сделайте этот стиль контейнера как display:none, а когда ваш предварительный загрузчик исчезнет, ​​сделайте этот стиль контейнера display:block

...