我正在尝试使用 HTML5 样板和 jQuery Supersized 脚本。
在开发中一切正常,但是,在使用 HTML5 样板构建脚本后,#supersized-loader 始终在屏幕上可见,它不会消失。
使用构建脚本,我的 js 文件被连接起来,但是,我已经从连接中删除了所有超大脚本,我仍然面临同样的问题。
可以在这里找到一个活生生的例子 - http://zetamedia.co.uk/supersized如果有人可以阐明可能发生的事情。
谢谢。
我正在尝试使用 HTML5 样板和 jQuery Supersized 脚本。
在开发中一切正常,但是,在使用 HTML5 样板构建脚本后,#supersized-loader 始终在屏幕上可见,它不会消失。
使用构建脚本,我的 js 文件被连接起来,但是,我已经从连接中删除了所有超大脚本,我仍然面临同样的问题。
可以在这里找到一个活生生的例子 - http://zetamedia.co.uk/supersized如果有人可以阐明可能发生的事情。
谢谢。
never tried these before but it looks like it has to do with the z-indexes particularly in the #supersized-loader rule. Try changing
#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;
}
to
#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;
}
in supersized.css (or directly on the page)