title: lighter background-image CSS3
body: <p>I have want to have a background-image one frame, but i need to make the image lighter. I have tried using opacity, but then a background image from another frame shines throungh. I also have some text in the same frame, and i don't want that text to get lighter.</p>
  
  <p>I write in CSS3, here is my code;</p>
  
  <pre><code>        .frameContent
       {
          background-image: url(/image/and_02.jpg); 
          background-size: 100%;
          vertical-align: top; 
          border-left: #FFFFFF 20px solid;
          border-right: #FFFFFF 20px solid;
          border-top: #FFFFFF 15px solid;
          padding: 25px 10px 10px 10px;
          height:100%;
          box-shadow: 2px 2px 2px;
      }
  </code></pre>