title: cover div or image with transparent color
body: <p>I have a div, and an image inside it. on the image I have the DB results, designed and placed with relative location on each div.<br />
  I want to cover some of the results (the most interesting one with color overlay), see image bellow:
  <img src="https://i.stack.imgur.com/zIrNm.jpg" alt="enter image description here" /></p>
  <p>How should I do it without adding another div on top of it?<br />
  backgroup will not help here, because the image is higher z index than the div..</p>
  <p>I want to be able to do it as easiest as I can with CSS, because I will get the property from the DB query , and set the class for the relevant result rows..</p>
  <p>Does someone has creative idea please? :)</p>
  <p>Thanks.</p>