无样式内容的 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 中具有相同的相对位置。