jQuery Supersized loader始终可见

时间:2011-10-07 17:59:48

标签: jquery html5boilerplate

我正在尝试使用HTML5样板和jQuery Supersized脚本。

在开发中一切正常,但是,在使用HTML5样板构建脚本后,#supersized-loader始终在屏幕上可见,它不会消失。

使用构建脚本,我的js文件被连接在一起,但是,我已经删除了所有超大化的脚本,我仍然面临同样的问题。

可以在这里找到一个实例 - http://zetamedia.co.uk/supersized如果有人能够了解可能发生的事情。

感谢。

1 个答案:

答案 0 :(得分:1)

之前从未尝试过这些,但看起来它与z-index有关,特别是在#superized-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中(或直接在页面上)