根据覆盖的背景区域的亮度更改文本颜色？

JavaScript CSS

樱樱

2020-03-17

我已经考虑了以下内容，所以现在我想知道您的意见，可能的解决方案等。

我正在寻找一种插件或技术来更改文本的颜色，或者根据其父​​级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。

如果背景覆盖的区域很暗，请将文本设置为白色或切换图标。

此外，如果脚本会注意到父级没有定义的background-color或-image，然后继续搜索最接近的值（从父元素到其父元素），那将是很好的选择。

您对此想法有什么看法？已经有类似的东西了吗？脚本示例？

干杯J.

第1975篇《根据覆盖的背景区域的亮度更改文本颜色？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
古一TonyPro 2020.03.17

我发现BackgroundCheck脚本非常有用。

它检测背景的总体亮度（是背景图像还是彩色），并根据背景的亮度将一个类应用于所分配的文本元素（background--light或background--dark）。

它可以应用于静止和运动元素。

（来源）

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android