gpt4 book ai didi

jquery - 可以根据 bg 颜色更改加载指示器颜色吗?

转载 作者:行者123 更新时间:2023-11-28 10:06:32 25 4
gpt4 key购买 nike

假设我有一个加载指示器图像,我希望它在任何背景颜色上都能很好地显示。

这是否可以通过 jquery 和 css 的某种组合来实现?

jquery 决定背景是浅色还是深色,css 将某种 mask 应用于加载指示器以将其颜色更改为计算值?

有这样的东西吗?

谢谢,卫斯理

最佳答案

就在 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 在 #loadingColor 上设置实际的 background-color:

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

最重要的是,它适用于 IE6+!

关于jquery - 可以根据 bg 颜色更改加载指示器颜色吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7097316/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com