no iFrame transparency in IE?_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-02-10 00:35 出处：网络

I have an iFrame that uses a background image on behi开发者_运维问答nd it.On Firefox, the background is transparent and I can see the background image.On IE the background in the Iframe defaults to wh

相关专题：css

I have an iFrame that uses a background image on behi开发者_运维问答nd it. On Firefox, the background is transparent and I can see the background image. On IE the background in the Iframe defaults to white. Is there a fix for this?

Example:

<td width="80px" class="voting" align="center"><div id="votingIframeDiv">
    <iframe  id="votingIframe" frameborder="0"  allowTransparency="true" vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="80"  height="70" scrolling="no"  src="vote/index.php?userid=89&fishid=<?php echo $row['id'];?>" >
        </iframe></div>
    </td>

Is there a fix for this?

Yes, IE has the non-standard allowtransparency property.

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true">
</IFRAME>

Be sure both the IFRAME and its source BODY element have a background:transparent style rule applied:

<iframe  id="votingIframe" frameborder="0"  allowTransparency="true" style="background:transparent" ... ></iframe>

and in the source:

<body style="background:transparent">

PS: CSS styles above are inline just for example.

Yes you can fix this but it also depends upon the iframe's origin's style sheets, If the iframe's source has a bg set in CSS this will override allowTransparency="true"

This may be a long shot but try putting allowTransparency="true" at the end of the iframe tag.

Note: In my testing allowTransparency has not worked in IE6.

After putting allowTransparency='true' if you're not getting any love try making sure that your style="background:transparent" .