jquery - 背景感知文本颜色

Question

我有一个响应式网站，它有一个动态大小的背景图像，其中有一些暗区和亮区。在浏览器中，字体颜色被调整为与背景图像的颜色形成鲜明对比。

不幸的是，在响应式(移动)设计中，一些文本叠加在重新调整大小的背景图像的较暗部分之上，并且文本可能很难阅读。有谁知道 jQuery 插件或技术可以让文本了解其背后的背景并相应地更改样式/颜色？

Answer 1

您可以使用文本阴影来标记文本的边缘。

body {
/* your rules */
color: rgba(0 , 0, 0, 0.8 ); /* just a guess that it might be black;*/
text-shadow: 
    0 0 1px gold, 
    0 0 3px white; /* choose how many and which colors */
}

就是这个意思