1

我想在加载图像时显示一个动画 GIF，我想使用 CSS 来做到这一点。（例如：如果可能，没有 JS）。

 <img src="images/users/girl1.png" class="thumbnailPreLoader memberImage"/>


 .thumbnailPreLoader {
     background: url('/images/image-preloader.gif') no-repeat scroll center center #F9F9F9;
     height: 101px;
     width: 101px;
     position: relative;
 }


 div#preferredMembers img.memberImage {
     border: 1px solid #808080;
     padding: 3px;
 }

以上是我目前正在使用的内容，您可以在 www.datingjapan.co 上看到它（一组 5 个缩略图）。

我目前发现我只是看不到 GIF。

如果我进入 chrome 开发人员模式并更改 img 的路径，我可以看到 GIF，那么我知道路径等是正确的。

这可能吗？有没有我错过的技巧？任何帮助将不胜感激。

注意：我知道如何使用 jquery .load() 来执行此操作，但仅附加一个 CSS 类会更适合我。

谢谢

4

1 回答 1

2

尝试删除scrollinbackground: url('/images/image-preloader.gif') no-repeat scroll center center #F9F9F9;这里不需要。它解决了我的 chrome 检查器中的问题...

于 2012-08-20T00:17:48.273 回答