Jquery flash的无样式内容(IE和Chrome)

Question

可能重复：
跨浏览器窗口调整大小事件-JavaScript/jQuery
Jquery未格式化内容的flash(仅限IE(

我有一个div(#container(，在点击事件中，我交换出一个图像，并将其替换为YouTube视频：

$("#feature_content").click(function(){
                var iframe = "<iframe />";
                var url = "http://www.youtube.com/embedlink";
                 $(iframe, {
                    name: 'videoframe',
                    id: 'videoframe',
                    src: url,
                    width: '600',
                    height: '335',
                    frameborder: 0,
                    allowfullscreen: true
                }).appendTo(this);
                $(this).find('img').fadeOut(function() { $(this).remove();});
    });

然而，在视频开始播放之前，我在div下面看到了一些未格式化的内容(iframe(。

这在IE和Chrome中发生，但在Firefox 中没有发生

Answer 1

有些猜测，因为我们没有关于不良行为的演示，但我认为你的问题是图像仍然占据了iframe应该占据的空间。

您应该使用CSS position: absolute属性来确保它们在父div中具有相同的相对位置。