jquery - 加载条显示在图像旁边

Question

我为我的投资组合买了一个新设计。网站位于:abconlinesolutions.com在里面，我编辑了一些内容。

当您单击“投资组合”时，它会在中心显示一个加载图像，然后加载一些内容(单击后将以灯箱样式打开的框中的图像)。在其上方有一些菜单显示“GPT 站点”、“个人站点”等。因此，当单击其中一个按钮时，将显示相同的加载程序图像。但它显示在图像框的后面。

我怎样才能把它放在前面(而不是在盒子后面，这样用户才能看到动画)？

Answer 1

预加载器元素是“cascade-window”元素上的背景图像。在该元素上添加了一个名为“cascade-window-prealoder”的类。该类负责显示背景图像。

将此添加到您的 CSS 文件中:

.cascade_dark div.cascade div.cascade-window.cascade-window-prealoder:after {
    display:block;
    width: 40px;
    height: 40px;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color:#fff;
    background-image:url('images/dark/preloader.gif');
    z-index: 100;
}

然后从此规则中取消注释背景图像属性:

.cascade_dark div.cascade div.cascade-window.cascade-window-prealoder {
    /**background-image:url('images/dark/preloader.gif');**/
}

当您这样做时，您会注意到加载器 gif 上有一个背景色。可能你必须用透明的 gif 替换 gif