changing colour of a background image with js on the fly
<p>I have been looking to changing image colours with javascript but the problem is that I need to change the background colour of an image - ie add a tint to it</p>

<p>so i have read a lot of posts on here and it seems possible when the html has a img in it (ie an src) but i cant find any solutions for a background image</p>

<p>So my css may have this in it</p>

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

<p>depending on the url for example i have different colours, and I need to colour this background image with the provided hex - so for example #ff0000</p>

<p>can anyone help?</p>
