topup
topup copied to clipboard
TopUp IFrame is not shown until clicked on in IE6
This is most probably some IE6 render quirk, but on some pages with redirection, the iframe goes hidden after the redirection kicks in (at least, that's what I think it does).
The fix that works is to change the following line from the 'ie6fix' CSS:
.tu_transparent { filter: alpha(opacity = 0); }
into:
.tu_transparent { visibility: hidden; }
Perhaps changing all other (also non-IE) zero-opacity settings into this visibility:hidden is a performance improvement?
Thanks, Chris (your colleauge)
The above comment was made too soon... (but still may be an improvement, no? ;-) Also, it should be about the 'iefix' and not the 'ie6fix' CSS.
The real issue was with the following piece from the 'iefix' CSS:
#tu_overlay { top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"); left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + "px"); position: absolute; }
Removing this resolves the issue. In my case, I moved it to the 'ie7fix' CSS.
Hi Chris,
I will take a look at the possible performance improvement. As for the dodgy iframe rendering in IE6, do you have a test page online so I can test it in IE6 and IE7 myself? Either way, thank you for contributing little fixes for TopUp.
Greets, Paul.