Html CSS+；在显示动画GIF的同时<；img>；荷载

我想在加载图像时显示动画GIF，我想使用CSS来实现这一点。（例如：如果可能，不使用JS）

.拇指钉预紧器{
背景：url（'/images/image preload.gif'）不重复滚动中心#F9F9F9；
高度：101px；
宽度：101px；
位置：相对位置；
}
div#首选成员img.memberImage{
边框：1px实心#808080；
填充：3倍；
}

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

我现在发现我只是看不到GIF

如果我进入chrome开发者模式并更改img的路径，我可以看到GIF，这样我就知道路径等是正确的

这可能吗？我错过了什么把戏吗？任何帮助都将不胜感激

注意：我知道如何使用jquery.load（）实现这一点，但只附加一个CSS类更适合我

---

thx

尝试删除

背景：url（'/images/image preload.gif'）中的
滚动条
，不重复滚动中心#F9F9F9此处不需要它。它在我的chrome inspector中解决了这个问题

 <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;
 }