Question

Possible Duplicate:
How to create transparent frameset?

I am trying to make the iframe trasparent but it showing white color in my firefox browser. I have used the following code for the iframe

<iframe id="frontimg" src="slider/slide.html" width="950" height="370" border="0" scrolling="no" allowTransparency="true"></iframe>

And in my desired html file i have put this code in head tag for styling:

<style type="text/css">
    html,
    body {
        background-color: transparent;
    }
</style>

Answer 1

You can’t style iframes from the outside. Unless the content inside the iframe have no background color, you are out of luck. If it’s inside your own domain, you may set the background transparent if it’s being called from inside an iframe (in your iframe head):

<script type="text/javascript">
 if (window!= window.top) { // inside iframe
   document.body.style.backgroundColor = 'transparent';
   // or document.body.style.background = 'none';
 }
</script>