| Issue 362: | iFrame flash of white background color | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
What steps will reproduce the problem? 1. visit http://www.viewwestaspen.com, then click one of the 3 buttons at top. 2. move one of the price sliders 3. click one of the properties in the results What is the expected output? What do you see instead? I would like to have the modal window have the dark background color, but I see a flash of white, and can't seem to figure out what element it is that is white. I have set css for all nyro elements to the desired color but still get the white flash. Is it just impossible to avoid this with an iframe? What version of the product are you using? On what operating system? The effect is least noticeable in firefox, quite noticeable in safari and IE. Please provide any additional information below.
Oct 21, 2009
Thanks @nyrodev! I love the nyromodal project! This one has been a challenge as the page performs a LOT of jQuery to accomplish all the FX. Yes, I do have that CSS rule set (#nyroModalIframe) and all the other elements that are contain that and are nested within, but still get that white flash. It seems that perhaps browsers simply load an iframe with white background first, then handle any css rules that apply. I am working with a developer that created the ajax interaction for the property search, and iframe was the route he chose, but I agree with you- seemed it might have made things smoother to have those results load in a hidden div on the page that is loaded into the modal window. Let me know if you have any other insight on the white flash issue. Thanks! -Adam
Oct 24, 2009
yes, iframe always works strangely. That's why I'm using it at least at possible. I'm sorry I can't help you for your website.
Oct 24, 2009
No problem @nyrodev, thanks for the response. I just thought of a total hack I might try- throw an overlay div of the correct color over the iframe then fade it out and remove it after the iframe loads the page fully. Ugly but it should do the trick. Thanks again!
Nov 8, 2009
(No comment was entered for this change.)
Status:
WontFix
Nov 26, 2011
Here I find another good solution that is working: http://swsharinginfo.blogspot.com/2011/11/avoid-iframe-white-flash-issue-while.html |
||||||||
First of all, I would like to say that your website looks great! Regarding your problem, did you try to set the iframe background in CSS with something like: #nyroModalContent iframe { background: #yourcolor; } I don't know if it will works.. If it's not, did you consider use simple ajax load instead of iframe?