title: Transparent background iframe
body: <p><em>The answers for already  questions like this doesn't produce the required output.</em></p>
  
  <p>I have </p>
  
  <pre><code>&lt;iframe src="http://www.foxyform.com/form.php?id=541803&amp;sec_hash=027132f38b1" frameborder=0  allowTransparency="true" style="background-color:rgba(0,0,0,0);"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>And a jquery code(which probably is wrong :P)</p>
  
  <pre><code>$('iframe').contents().find('body').append('style="background-color:rgba(0,0,0,0);" /&gt;');
  </code></pre>
  
  <p>Basically I want the background to be transparent so my webpage's background image becomes visible. To achieve this I need to add this into the iframe's body tag:</p>
  
  <pre><code>style="background-color:rgba(0,0,0,0);
  </code></pre>
  
  <p>The above jquery code used isn't working to get the desired results. Any help would be appreciated. :)</p>