2012-02-14 3 views
0

버튼 클릭시 gif 이미지를로드하려고하는데 Chrome에서 작동하지 않지만 다른 컴퓨터에서는 정상적으로 작동합니다. 그것은 png 이미지를로드하지만로드 할 애니메이션이 필요한 경우 작동합니다. 내가 $(document).ready에서 이미지를로드 시도gif 이미지를로드하려고 시도하지만 크롬에로드되지 않습니다.

function showModalandLoadingAni(){ 
    $('#shadeSearchLoading').show(); 
    $('#modalSearchLoading').show(); 
    $('#modalSearchLoading').html('<div class="loading-big-img" style="z-index:99999; top:65px;"></div>'); 
} 

..하지만 (코멘트)에서 운 ..

관련 CSS는 :

코드를 사용

.loading-big-img { 
    display:block; 
    background: #FFF url('../images/custom/loading_big.gif') no-repeat center center; 
    float:left; 
    width:106px; 
    height:106px; 
    position: absolute; 
    top:185px; 
    left: 385px; 
} 
+0

Chrome에서 단순한 ''이 효과가 있습니까? 또한 Chrome 버전은 무엇입니까? –

+0

예. 작동하지 않습니다. 최신 버전 인 17을 사용하고 있습니다. – lee

+0

표시하지 않습니까, 표시하지 않습니까? –

답변

0

봅니다 추가하지 div css에 대해 position:absolute CSS에서 백그라운드 이미지를 통해 이미지를 어떻게 추가합니까?

+0

. 로딩 - 빅 - img { \t 디스플레이 : 블록; \t 배경 : #FFF url ('../ images/custom/loading_big.gif') 반복 반복 안 함; \t float : left; \t 너비 : 106px; \t 신장 : 106px; \t 직위 : 절대; \t 상단 : 185px; \t 왼쪽 : 385px; } 클래스가 위와 같이 스타일이 지정되었습니다. – lee

+0

웹 관리자에서 새 div가 표시됩니까? – ustun

+0

관련성이 있기 때문에 CSS를 질문에 더 읽기 쉬운 형식으로 추가했습니다. –

관련 문제