Блог

Я экспериментирую с использованием шаблона HTML5 и скрипта с увеличенным размером jQuery.

В dev все работает корректно, однако после использования стандартного сценария сборки HTML5 #supersized-loader всегда виден на экране, он не исчезает.

Используя сценарий сборки, мои js-файлы объединяются, однако я удалил все сценарии большого размера из объединения, и я все еще сталкиваюсь с той же проблемой.

Живой пример можно найти здесь — http://zetamedia.co.uk/supersized если кто-нибудь может пролить хоть какой-то свет на то, что может происходить.

Спасибо.

никогда не пробовал это раньше, но похоже, что это связано с z-индексами, особенно в правиле #supersized-loader . Попробуйте изменить

 #supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(../img/progress.gif) no-repeat center center;
}
  

Для

 #supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1000; /*changed this*/
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(../img/progress.gif) no-repeat center center;
}
  

в файле supersized.css (или непосредственно на странице)