html - GIF 未在 Chrome 中显示

Question

我正在使用 CSS(如下)。 loading64.gif 在 FF 和 IE 中始终可见，但在 chrome 中不可见。我在 colorbox 中使用“.loading”。我无法解决这个问题。

HTML:

<center><div class="loading" id="loaderImg"><span class="waiting-info"></span></div></center>

CSS:

.loading {
background: url(resources/base/img/loading64.gif) no-repeat center center transparent;
background-color: #ffffff;
float: left;
height: 100%;
min-height: 333px;
width: 100% !important;
z-index: 444;
position: absolute;
opacity: 0.9;
left: 0;
top: 0;
}

Screenshots

Answer 1

尝试设置一个绝对宽度(例如 100 像素)而不是 100%。根据父容器及其样式，您可能有一个宽度为 0 的 div，这将解释这一点。