title: How to hide text using CSS?
body: <p>How to make <code>foo</code> invisible using CSS (CSS3 if needed) while keeping <code>bar</code> and <code>fizz</code> visible?</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;textarea&gt;bar&lt;/textarea&gt;
        &lt;input type='button' title='fizz' /&gt;
        foo
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>Making <code>foo</code> in the same color as background is acceptable, but the trick is - background is an image, hence - <code>foo</code> must be transparent instead of solid color.</p>
  
  <p>JavaScript isn't an option either.</p>
  
  <p>Changing HTML is not an option either.</p>
  
  <p>Any ideas?</p>