1

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

当您单击“作品集”时，它会在中心显示一个加载图像，然后加载一些内容（单击时将以 Lightbox 样式打开的框中的图像）。上面有一些菜单，上面写着“GPT 站点”、“个人站点”等。因此，当单击其中一个按钮时，会显示相同的加载程序图像。但它显示在图像框的后面。

我怎样才能让它在前面（而不是在盒子后面，这使得动画对用户可见）？

4

1 回答 1

0

预加载器项是“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

于 2012-04-15T09:39:54.417 回答