背景圖像中鉻

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。哪些在Firefox中起作用。但不是鉻。在Chrome中，如果我手動將圖像加載到空白頁面上，然後在我的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; 
}