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

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