根据背景图像的颜色改变文本颜色

Question

根据背景图像的颜色我们可以改变文本的颜色吗？我有一个背景图片，我已将它添加到身体。每当背景图像发生变化时重新加载页面。但我有我的菜单定位在图像文字颜色为黑色。如果背景图像是黑色的，菜单将不可见。我的问题的任何解决方案？提前致谢。

Answer 1

使用开关的情况下处理

switch(backgroundimage){ 
    case "black.jpg": 
    document.body.color = "white"; 
    break; 
    case "white.jpg": 
    document.body.color = "black"; 
    break; 
    case "green.jpg": 
    document.body.color = "gray"; 
    break; 
} 

Answer 2

如果你知道将是什么，将加载您可以创建映像名称和CSS类将追加到文本为它的字典图像。然后在页面加载将类添加到正文类。

如果你不知道将要加载的图像有一些解决方案，但它们不完整。看看这个answer