代碼來阻止顏色圖像佔位符，而內容加載

Question

我努力尋找一些代碼來阻止顏色我的圖像佔位符，而內容加載。我的主頁上的內容從dB獲取數據，並且需要大約3秒才能根據連接速度進行加載。使用Wordpress，我試圖創建類似於http://www.lyricsandtype.com/上的實心粉色和Theo上的圖像網格上的多色顏色的東西http://www.theo-theo.com/

任何指針將不勝感激！ 謝謝， N

Answer 1

看起來這是一個簡單的背景顏色。它在圖像尚未加載時可見，然後只是覆蓋。你可以用background-color每個這樣建立不同類別：

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

難道你是什麼後：

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

然後通過調用它的類這樣的應用背景色的容器？