Jquery flash的非样式内容（IE和Chrome）

可能重复：

我有一个div（#容器），在点击事件中，我交换了一个图像并用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();});

    });

$（“功能内容”）。单击（功能（）{
var-iframe=“”；
变量url=”http://www.youtube.com/embedlink";
$（iframe{
名称：“视频帧”，
id:'视频帧'，
src:url，
宽度：'600'，
高度：'335'，
帧边框：0，
allowfullscreen：真
}).附于（本）；
$（this.find（'img'）.fadeOut（函数（）{$（this.remove（）；}）；
});

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

---

这在IE和Chrome中发生，但在某种程度上不是Firefox猜测，因为我们没有演示这种不良行为，但我认为您的问题是图像仍然占用了iframe应该占用的空间

---

您应该使用CSS

position:absolute

属性，以确保它们在父分区中具有相同的相对位置。

是否考虑过将iframe放置在图像下，并在iframe加载时删除img？