有沒有方法可以更改已經具有關聯背景圖像的HTML元素的顏色或「色調」？更改已具有背景圖像的元素的背景顏色
我想在屏幕上顯示具有相同背景圖像的兩個元素，但是我想更改其中一個元素以使原始圖像的陰影略有不同。
到目前爲止，我已經嘗試過CSS，但它只允許我用新的替換背景顏色。
我可以做到的唯一方法是創建一個新圖像，並在photoshop中更改原始圖像，並更改其中的色調。但這意味着我會得到兩個不同的圖像，如果可能的話，我想避免這種情況。
你不能改變的背景圖像的顏色，除非：
您可以使用css屬性opacity來改變陰影，但它只會變淺。
您還可以嘗試使圖像有點透明。
把2個div的相同圖像，然後使每個div的背景顏色有點不同。
（然而，這需要在IE瀏覽器的PNG修復） http://www.twinhelix.com/css/iepngfix/
讓你的背景圖像的半透明PNG，然後設置像這樣的東西你的元素的背景;
#element1 {background: #fff url(bgimage.png);}
#element2 {background: #00f url(bgimage.png);}
您的背景色將通過半透明圖像顯示，允許您將「色調」設置爲任何想要的顏色。
這不適用於Internet Explorer 6，因此您需要注意這一點。