2011-10-07 3 views
0

HTML5 상용구 및 jQuery Supersized 스크립트를 사용하여 실험하고 있습니다.jQuery Supersized 로더 항상 표시

모든 것이 dev에서 올바르게 작동하지만 HTML5 보일러 플레이트 빌드 스크립트를 사용하면 # supersized-loader가 화면에 항상 표시되며 사라지지 않습니다.

빌드 스크립트를 사용하여 내 js 파일이 연결되지만 모든 슈퍼 스크립트가 연결되지 않도록 제거되었으며 여전히 동일한 문제가 발생합니다.

생생한 예가 여기에 있습니다 (http://zetamedia.co.uk/supersized).

감사합니다.

답변

1

전에 시도한 적 없지만 특히 # supersized-loader 규칙에서 z- 인덱스와 관련이있는 것처럼 보입니다. supersized.css에

#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-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; 
} 

을 변경해보십시오 (또는 직접 페이지)

+0

당신에게 그것을 밖으로 분류 요셉을, 감사합니다. 나는 CSS Z-index가 나의 마음을 미끄러지게했던 javascript에서 그것을 해결하려고 노력하는 데 오랜 시간을 보냈다. 다시 한 번 감사드립니다! – Tom

+0

@ 오신 것을 환영합니다. :) 도와 줘서 기뻐. –