代码在内容加载时阻止图像占位符的颜色

Question

我正在努力寻找一些代码来阻止内容加载时我的图像占位符的颜色。我的主页上的内容从dB中获取数据，并且根据连接速度加载大约需要3秒钟。使用Wordpress，我正在尝试创建类似于http://www.lyricsandtype.com/上的实心粉色和Theo http://www.theo-theo.com/

上的图像网格上的多色的类似内容

任何指针都将不胜感激！ 谢谢， Ñ

Answer 1

看起来它是一种简单的背景色。当图像尚未加载时它是可见的，然后它就被覆盖了。你可以为每个人创建一个background-color的不同类，如下所示：

.blue{ background-color: blue;}
.yellow{ background-color: yellow;}
.red{ background-color: red;}

然后通过调用它的类将背景颜色应用于容器：

<div class="red">the div content</div>
<div class="yellow">the div content</div>

这是你追求的吗？