9

我想在内容加载之前在我的网站上显示一个预加载器，但是当我选择具有透明背景的动画预加载器图像时，边缘看起来非常锯齿状。如何修改图像，或者有没有办法让动画 gif 具有透明背景？

我正在使用来自 preloader.net 的预加载器

4

2 回答 2

10

您拥有的第一个可能也是最简单的选择是使用spin.js。“它动态创建旋转活动指示器，可用作与分辨率无关的 AJAX 加载 GIF 替代品。”</p>

如果脚本不是一个选项，或者您想要使用不同的微调器，则必须创建一个没有抗锯齿的 .gif，该 gif 大于您要使用的微调器并使用 html 将其缩小。

没有边缘的原始微调器（没有抗锯齿，因此它具有像素化边缘）：

但如果这个微调器按比例缩小，它看起来不错：

请务必使用

img {
    -ms-interpolation-mode:bicubic;
}

使它在旧的 IE 中也看起来很漂亮。

于 2013-06-20T10:33:37.343 回答
0

您可以使用帮助您生成微调器的网站。一个不错的选择是： loading.io

于 2020-05-06T10:40:46.217 回答