2

我有一张可以应用颜色的图像,原始图像:

原始图像 应用背景时

当应用背景颜色时。

我正在使用 CSS 来更改颜色:

<html>
  <head>
  <style type="text/css">
    div.background
     {
     width:480px;
     height:300px;
     background:url(whiteroom.jpg) repeat;
     }
   div.transbox
    {
     width:480px;
     height:300px;
     background-color:#FF3E96;
     opacity:0.5;
     filter:alpha(opacity=60); /* For IE8 and earlier */
     }
     </style>
    </head>
<body>
  <div class="background">
  <div class="transbox">
  </div>
  </div>
  </body>
</html>

如何使用 javascript 和 CSS 更改图像以反映所选颜色。我不需要能够从不同的颜色中进行选择,我只需要一种颜色和我可以选择的该颜色的不同色调,例如选择不同的粉红色色调。

谢谢 :)

4

1 回答 1

1

您可以使用 CSS:

<div class="background">
  <div id="tint" class="transbox blue"></div>
</div>


div.transbox.blue {
      background-color:#0000ff;   
}

JS:

document.getElementByClassName('tint').setAttribute('class', 'transbox blue')
于 2012-04-17T18:14:31.943 回答