Question

I have a page with a background-image that is set in a stylesheet

body {background: url(blabla) center top no-repeat;

When I put an iframe in the page I get the background image repeated in the iframe, how can I avoid this? allowtransparency=”yes” makes it go away in FireFox but not IE.

<iframe class="iframeclass" allowtransparency="yes" src="/site.html">

Thanks in advance.

Edit, it doesn’t go away in FireFox either.

Answer 1

If the top page and the page in the iframe both load the same css it’s no wonder they have the same background. Does the page inside the iframe ever appear outside of it? If not, you could just overwrite the style for the iframe page by adding
<style>
body { background: 0; }
</style>
In the head of the page that’s inside the iframe, but after the css file has been linked..