根據背景圖像的顏色更改文本顏色

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類。 然后在頁面加載中將該類附加到主體類。

如果您不知道將要加載的映像，則有一些解決方案，但它們並不完整。 看這個答案