我已经考虑了以下内容,所以现在我想知道您的意见,可能的解决方案等。
我正在寻找一种插件或技术来更改文本的颜色,或者根据其父级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。
如果背景覆盖的区域很暗,请将文本设置为白色或切换图标。
此外,如果脚本会注意到父级没有定义的background-color或-image,然后继续搜索最接近的值(从父元素到其父元素),那将是很好的选择。
您对此想法有什么看法?已经有类似的东西了吗?脚本示例?
干杯J.
我已经考虑了以下内容,所以现在我想知道您的意见,可能的解决方案等。
我正在寻找一种插件或技术来更改文本的颜色,或者根据其父级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。
如果背景覆盖的区域很暗,请将文本设置为白色或切换图标。
此外,如果脚本会注意到父级没有定义的background-color或-image,然后继续搜索最接近的值(从父元素到其父元素),那将是很好的选择。
您对此想法有什么看法?已经有类似的东西了吗?脚本示例?
干杯J.
我发现BackgroundCheck脚本非常有用。
它检测背景的总体亮度(是背景图像还是彩色),并根据背景的亮度将一个类应用于所分配的文本元素(
background--light
或background--dark
)。它可以应用于静止和运动元素。
(来源)