叠加上的动画gif

Question

我有这个图片

我有这个css

#loadingSpinnerBackground {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    cursor: not-allowed;
    opacity: 0.5;
    background: #000000 url('http://i.imgur.com/HEAD5PU.gif') center no-repeat;
    z-index: 99;
}

而我正在尝试使用is来显示覆盖图，例如this

但是gif没有在叠加层上显示“加载”文字。有没有办法让它回来？

Answer 1

现在它正在显示，因为我改变了背景。 （编辑因为我认为他们想要合理专业的答案）

background: red url('http://i.imgur.com/HEAD5PU.gif') center no-repeat;

fiddle