title: CSS: How to create a lines or dots over a background image?
body: <p>I don't know the name of the effect, but here is an example:
  <a href="http://www.uiueux.com/wp/flowfolio/" rel="nofollow">http://www.uiueux.com/wp/flowfolio/</a></p>
  
  <p>If you look carefully then you see a clean background image with - as it looks a second background - with dots. The dots are not part of the image.</p>
  
  <ul>
  <li><p>What the name of this effect?</p></li>
  <li><p>How to create such a background with dots?</p></li>
  <li><p>Can this also be done with diagonal lines instead of dots?</p></li>
  </ul>
  
  <p>Thank you very much!</p>