我正在尝试使用HTML5样板和jQuery Supersized脚本。
在开发中一切正常,但是,在使用HTML5样板构建脚本后,#supersized-loader始终在屏幕上可见,它不会消失。
使用构建脚本,我的js文件被连接在一起,但是,我已经删除了所有超大化的脚本,我仍然面临同样的问题。
可以在这里找到一个实例 - http://zetamedia.co.uk/supersized如果有人能够了解可能发生的事情。
感谢。
答案 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中(或直接在页面上)