0

私はjavascriptで画像の色を変更しようとしていましたが、問題は画像の背景色を変更する必要があることです-つまり、それに色合いを追加します

ここで多くの投稿を読んだことがあります.htmlにimg（つまりsrc）がある場合は可能だと思われますが、背景画像の解決策が見つかりません

したがって、私のcssにはこれが含まれている可能性があります

.productBenefits ul li {
background: url("tick.png") no-repeat scroll 0 4px transparent;
}

たとえば、URLに応じてさまざまな色があり、この背景画像を提供された16進数で色付けする必要があります-たとえば#ff0000

誰でも助けることができますか？

4

1 に答える 1

0

このようなものを探していますか: http://jsfiddle.net/AyyU6/1/

HTML:

Hover on the links, and see the result
<br>
<a href='#' data-color='#fff000'>Color 1</a>
<a href='#' data-color='#fffaaa'>Color 2</a>
<a href='#' data-color='#333000'>Color 3</a>
<a href='#' data-color='#123000'>Color 4</a>
<a href='#' data-color='#fff555'>Color 5</a>

<div style="width: 100px; height:100px;">

</div>

Javascript:

$('a').mouseenter(function(){
   // Getting color information from the links data-color attr, of course it can be anything you define
   var color = $(this).attr('data-color');

   $('div').css('background-color',color);
})
于 2013-05-01T16:59:27.587 に答える