Question

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

当您点击“投资组合”时，它会在中心显示一个加载图像，并在此之后加载一些内容（在点击时将以Lightbox样式打开的框中的图像）。上面有一些菜单说“GPT SItes”，“个人网站”等。所以当点击其中一个按钮时，会显示相同的加载器图像。但它显示在图像框后面。

如何在前面（不在框后面，使用户可以看到动画）？

Answer 1

preloader项是“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;
}

然后取消注释此规则中的background-image属性：

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

当你这样做时，你会发现加载器gif上有背景颜色。可能你必须用透明的替换gif

加载栏显示在图像旁边

1 个答案: