title: jquery BlockUI - Transparent loading image
body: <p>I have a image I want to make spin as transparent when my screen is blocked.  By default there is a white box as the message CSS.  Not sure how to achieve this.</p>
  
  <p>source: view-source:<a href="http://malsup.com/jquery/block/#demos" rel="nofollow">http://malsup.com/jquery/block/#demos</a></p>
  
  <p>This section here creates a white box around the image.</p>
  
  <pre><code>$.blockUI({  message: '&lt;h1&gt;&lt;img src="./images/loading.gif" /&gt;&lt;/h1&gt;'
  </code></pre>
  
  <p>If I comment this section of the source code out the whole image disappears.</p>
  
  <pre><code>css: {
    padding:         0,
    margin:          0,
    width:           '30%',
    top:             '40%',
    left:            '35%',
    textAlign:       'center',
    color:           '#000',
    border:          '3px solid #aaa',
    backgroundColor: '#fff',
    cursor:          'wait'
  },
  </code></pre>