2011-10-07 59 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

@不客氣。 :) 樂意效勞。 –