배경 이미지가 크롬

Question

에로드되지 나는이 있습니다

<style type="text/css"> 
.blackitout { 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    background: #000 url('/images/loading.gif') no-repeat center; 
    opacity: 0.7; 
    z-index:99; 
} 
</style> 
<script> 
function testfunction(){ 
    $('#mytest').addClass('blackitout'); 
} 
</script> 

내가 onclick을 내 testfunction를 호출하는 링크가 있습니다. 빈 div에 위의 클래스를 추가합니다. 이것은 저에게 희미한 페이지와 로딩 gif를줍니다. 어느 파이어 폭스에서 작동합니다. 그러나 크롬은 아닙니다. 크롬에서 수동으로 빈 페이지에 이미지를로드 한 다음 내 CSS의 링크를 따옴표를 추가하거나 제거하면 저장됩니다. 그것은 약간 일하기 시작할 것이다. 어쩌면 빈 div 클래스보다 클래스를 추가하는 것이 더 좋은 방법 일 것입니다 (다음 페이지가로드 될 때 제거됩니다).

Answer 1

이

.blackitout { 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    background-color: #000; 
    background-image: url('/images/loading.gif') ; 
    background-repeat: no-repeat; 
    background-position: center; 
    opacity: 0.7; 
    z-index:99; 
}