0
我想知道是否可以將加載器圖像應用於網頁上的特定部分內容？如何將CSS加載器應用於內容的一個特定部分
我看過的所有關於加載器圖像的教程都是針對整個網頁的 - 我想要完成的只是將一個簡單的加載器應用於div。
我正在建立一個網站，其中有兩張個人資料圖片供分層疊加的工作人員使用，因此當您將鼠標懸停在圖片上時，它會褪去背面的圖片。我使用這種方法是因爲我們希望在懸停時進行平滑過渡。 唯一的問題是，當您用較慢的網速打開網頁時，您會看到底部/背面圖像，直到頂部圖像加載，這不是我們想要的。當您將鼠標懸停在個人資料圖片上時，您應該只能看到底部圖片。
任何想法如何創建只有這部分內容的加載器圖像？
這裏的開發服務器上的一個網頁：http://hanrickcurran.azurewebsites.net/tony-hunt/
這是2個問題，所以你需要做2件事。首先'.bottom'應該被CSS隱藏，以至於它永遠不會被看到，儘管加載順序。在褪色'.top'之前立即顯示它以顯示它。第二件事是你的裝載機形象。如果我是你，我會添加一個第三張圖片（加載器）來放在'.bottom'和'.top'下面。第一次加載top時，您不必擔心用戶看到這個加載器映像。 – 2014-11-04 15:42:01