title: Famo.us - How to create a surface with background opacity but not Text
body: <p>I'm trying to create some Famo.us items and having problems with the approach and wondered if anyone can help.</p>
  
  <p>I am trying to create a View, within which is a Surface.  I would like the background of that Surface to be transparent, but I want the Text to be fully visible.</p>
  
  <p>I can solve this with 2 Surfaces on top of each other but that sounds silly, so wondered if anyone can help.  My code is:</p>
  
  <pre><code>  var infobarContent = new Surface({
      size: [true, true], 
      properties: {
        cursor: 'pointer',
        borderRadius: '5px',
        padding: '10px',
        backgroundColor: 'rgb(71,3,101)',
        color: 'white',
        textAlign: 'center'
      }
    });
    var infobarContentModifier = new StateModifier({ /*opacity: 0.4,*/ align: [0.05, 0.1], origin: [0.05, 0.8] });
  </code></pre>
  
  <p>I did try adding a Class to the Surface, but it seems to ignore any background opacity.  I also tried to use "rgb(71,3,101, 0.4)" in the Properties of the Surface - as would work in normal websites - but this does not work either.</p>
  
  <p>Any help would be brilliant :)</p>
  
  <p>Thanks, and hope you are enjoying your Weeekend.</p>
  
  <p>:)</p>