how to change default background of iframe body that loads a PDF
<p>I'm loading a PDF in an <code>iframe</code> in Chrome.  The PDF is on the same server the page is on.  When the <code>iframe</code> loads, it brings with it a default background color on the <code>body</code> element.  I want to change this default, or change it on the fly.  I've tried, but I think what's going on is that when I try to change it it's not there yet (because the PDF hasn't loaded yet).  Any way to do this?</p>

<p>Example: <a href="http://jsfiddle.net/forgetcolor/XJcr5/2/" rel="nofollow">http://jsfiddle.net/forgetcolor/XJcr5/2/</a></p>

<pre><code>&lt;p id="btn"&gt;load PDF&lt;/p&gt;
&lt;iframe style="display:none;"&gt;


$('#btn').click(function() {
    $('iframe').attr('src','http://doc.jsfiddle.net/_downloads/jsFiddle.pdf');
    $('iframe').contents().find('body').css('background-color', '#fff');
    $('iframe').show();
});
</code></pre>
