jQuery clone（）+ appendTo（）导致图像中断

Question

我正在尝试克隆一个隐藏的div元素，并用克隆的html内容替换'body'内容，但.png图像在此过程中中断。它们呈现为0px x 0px宽度n高度的损坏图像。

如果我在克隆之前检查隐藏的div，则图像显示。

我更感兴趣的是为什么会发生这种情况，而不是如何修复它，但也欢迎黑客入侵。

这仅发生在Chrome中，而FireFox不会发生这种情况。

这是我的整个脚本：

jQuery(document).ready(function(){


$(window).bind("beforeunload",function(event) {
     window.onbeforeunload = null;

     var html = jQuery('#ff_exit_popup').clone(); 
     html.show();    
     jQuery('body').empty();
     html.appendTo(jQuery('body'));     


     return "custom message here";


 });


});