Topic: Problem with background transparency in IE

Hi,
I bought the  PostCard Viewer PRO and I would like my background to be transparent. 
I add to index.html the line

fo.addParam("wmode", "transparent");

It perfectly works in Firefox but I have a white window in IE, is it normal? How can I resolve it?

I have the same problem with TiltViewer PRO
(http://www.alfredosestito.com/index.php … mp;lang=it).

Thanks in advance for your help.

Last edited by thespoon (2011-06-23 11:35:22)

Re: Problem with background transparency in IE

Add the attribute allowtransparency="true" to your <iframe>, ie:

<iframe onload="iFrameHeight()"    id="blockrandom"
    name="iframe"
    src="http://www.alfredosestito.com/images/my_pictures/eventi/jbmanis/index.html"
    width="940"
    height="900"
    scrolling="auto"
    align="top"
    frameborder="0"
    class="wrapper"
    allowtransparency="true">
    Questa opzione non funziona correttamente. Sfortunatamente, il tuo browser non supporta gli Inline Frame</iframe>
Steven Speirs
SimpleViewer Support Team.

Re: Problem with background transparency in IE

Sorry but I'm new in HTML world.

Do I have to copy all the lines you wrote?
If yes, where? in the index.html body?

many thanks

Last edited by thespoon (2011-06-23 15:49:27)

Re: Problem with background transparency in IE

It looks like your <iframe> is originating from a Joomla wrapper.
You can add the allowtransparency="true" attribute to the wrapper's default settings by editing the Joomla file 'Joomla_Folder/modules/mod_wrapper/tmpl/default.php'.
Open the file in a plain text editor and change the code:

<iframe <?php echo $load; ?>
    id="blockrandom"
    name="<?php echo $target ?>"
    src="<?php echo $url; ?>"
    width="<?php echo $width ?>"
    height="<?php echo $height ?>"
    scrolling="<?php echo $scroll ?>"
    class="wrapper<?php echo $moduleclass_sfx ?>" >
    <?php echo JText::_('MOD_WRAPPER_NO_IFRAMES'); ?>
</iframe>

... to:

<iframe <?php echo $load; ?>
    allowtransparency="true"
    id="blockrandom"
    name="<?php echo $target ?>"
    src="<?php echo $url; ?>"
    width="<?php echo $width ?>"
    height="<?php echo $height ?>"
    scrolling="<?php echo $scroll ?>"
    class="wrapper<?php echo $moduleclass_sfx ?>" >
    <?php echo JText::_('MOD_WRAPPER_NO_IFRAMES'); ?>
</iframe>

Now reupload the file to the correct location (overwriting the existing file).

Steven Speirs
SimpleViewer Support Team.