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

没有装载在镀铬物的背景图象

1 个答案: