可以更改基於bg顏色的加載指示器顏色？

Question

比方說，我有一個加載指示圖像，我希望它可以很好地顯示任何背景顏色。

這是可能通過某種組合jquery和css？

jquery決定背景是淺色還是暗色，並且css將某種遮罩應用於加載指示器以將其顏色更改爲計算值？

這是什麼東西在那裏？

感謝， 韋斯利

Answer 1

剛上CSS的一面，你可以堆一個div您加載圖像的頂部，給它一個背景顏色，並使其看穿。

HTML：

<div id="loading"> 
    <img src="loading.gif" alt="Loading..." width="X" height="Y" /> 
    <div id="loadingColor"></div> 
</div> 

CSS：

#loading { position:relative; width:Xpx; height:Ypx } 
#loadingColor { 
    position:absolute; top:0; left:0; 
    width:100%; height:100%; 
    opacity:.25; filter:alpha(opacity=25) 
} 

然後，你可以只使用jQuery設置實際background-color上#loadingColor：

// This would be in your event listener, 
// the "before-AJAX-is-sent" function, etc. 
$('#loadingColor').css('background-color', '#whatev'); 

最重要的是，它工作在IE6 +！