title: Is it possible to overlay tr with transparent color and text?
body: <p>Good evening.</p>
  
  <p>I wanted to ask, that is it possible to overlay table row with some transparent color and text?</p>
  
  <p>Something like this:
  <a href="https://i.stack.imgur.com/rNrd4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rNrd4.png" alt="enter image description here"></a></p>
  
  <p>I found from stackoverflow that its possible to overlay   over  using css, but never managed to get it to work.</p>
  
  <p>If its possible, maybe someone can point me to right way.</p>
  
  <p>For example how to overlay middle table row with transparent color and text here:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;table border="1" style="width:100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt;      
      &lt;td&gt;50&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Eve&lt;/td&gt;
      &lt;td&gt;Jackson&lt;/td&gt;        
      &lt;td&gt;94&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;John&lt;/td&gt;
      &lt;td&gt;Doe&lt;/td&gt;        
      &lt;td&gt;80&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/gx2vpm62/" rel="noreferrer">https://jsfiddle.net/gx2vpm62/</a>  ?</p>
  
  <p>Thanks in advance.</p>