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を使用して、選択した色を反映するように画像を変更するにはどうすればよいですか。さまざまな色から選択する必要はありません。必要なのは、1つの色とその色のさまざまな色合いだけです。たとえば、さまざまなピンクの色合いを選択できます。

ありがとうございました ：）

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 に答える