背景图片是变化的，上面的文字颜色是css中写死的，所以当两个颜色先近时，就看不到文字了。 有什么办法 可以凸显文字？

Question

文字是黑色的。

背景也是黑色时，就看不到文字了。 css有什么办法 可以凸显文字？

不变应万变，总能看清文字。 有不失美观。

Answer 1

• 使用text-shadow
• 文本让在一个半透明的盒子里面
• 和交互设计师讨论改文本展示的交互

Answer 2

这种交互 文字颜色和图片颜色都是动态的 ；
例如 ：
图片蓝色调时 ， 文案白色调
图片白色调时 ， 文案蓝色调

---

如果这样做不方便的话， 可以使文案有一个蒙板，这样就不用在乎文案的颜色了。
例如：

Answer 3

文字加 text-shadow，用有透明度 rgba
如果文字是浅色，加深色 shadow
如果文字是深色，加浅色 shadow