2011-10-07 43 views
0

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

但是,在使用HTML5样板构建脚本后,所有工作都正常运行,#supersized-loader始终在屏幕上可见,并不会消失。

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

可以在这里找到一个生动的例子 - http://zetamedia.co.uk/supersized如果任何人都可以阐明可能发生的事情。

谢谢。

回答

1

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

+0

谢谢约瑟之后,整理出来。我花了很长时间试图在javascript中解决它,CSS z-index滑落了我的想法。再次感谢! – Tom

+0

@不客气。 :) 乐意效劳。 –