Html 如何从iframe内部删除额外的边距？_Html_Internet Explorer_Firefox_Iframe

Html 如何从iframe内部删除额外的边距？

html internet-explorer firefox iframe

Html 如何从iframe内部删除额外的边距？,html,internet-explorer,firefox,iframe,Html,Internet Explorer,Firefox,Iframe,我目前正在一个网站上开发混合媒体的旋转蒙太奇。大约有5幅图像/视频将轮流出现在网站上。该网站还使用Ektron CMS，因此我无法确定蒙太奇中的哪些插槽是图像，哪些是视频。（视频托管在YouTube上。）所以，我的问题是视频加载与iframe的内部边缘完全对齐，但图像加载时iframe内部的边缘略微有10px左右，这是非常糟糕的，因为我们的站点布局非常精确，即使是一个像素的微小变化也会弄乱它。这只出现在FireFox和IE中。我在Chrome和Safari中进行了测试，效果非常好。这4种浏览器

我目前正在一个网站上开发混合媒体的旋转蒙太奇。大约有5幅图像/视频将轮流出现在网站上。该网站还使用Ektron CMS，因此我无法确定蒙太奇中的哪些插槽是图像，哪些是视频。（视频托管在YouTube上。）

所以，我的问题是视频加载与iframe的内部边缘完全对齐，但图像加载时iframe内部的边缘略微有10px左右，这是非常糟糕的，因为我们的站点布局非常精确，即使是一个像素的微小变化也会弄乱它。这只出现在FireFox和IE中。我在Chrome和Safari中进行了测试，效果非常好。这4种浏览器是我们官方唯一支持的4种浏览器

这是我的HTML：

<head>
    <body>
      <div id="mainImage">
        <iframe scrolling="no" frameborder="0" runat="server" id="MainImage1"
        src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=transparent">
        IFRAMES do not work in your browser</iframe>
        <iframe scrolling="no" frameborder="0" runat="server" id="MainImage2"
        src="images/default/mainImage/mainImage_02.jpg">
        IFRAMES do not work in your browser</iframe>
      </div>
    </body>
</head

这是站点上唯一一个主动影响iFrame显示方式的代码

所以，我的问题是，我怎样才能去掉iframe内部的空白，为什么它只在FireFox和IE中显示？

控制这一点的是iframe内容的主体，而不是iframe本身

在Iframe页面上使用a（在父页面上也不会有任何伤害），一切都会好起来。

看起来

marginheight

和

marginwidth

也能起作用。看

我经常使用：

<iframe src="..."
 marginwidth="0"
 marginheight="0"
 hspace="0"
 vspace="0"
 frameborder="0"
 scrolling="no"></iframe>

如果iframe的内容只是来自YouTube的嵌入式视频或来自Web服务器的图像，那么，我如何才能像您上面提到的那样进行CSS重置？您无法控制来自不同域的Iframe的内容，因为同一源策略用于防止跨站点脚本攻击。我不需要对youtube视频进行CSS重置，因为它们已经可以工作了（他们可能已经有了自己的CSS来实现这一点）。这是来自Web服务器的图像（在同一个域中）我遇到了一些问题。它成功了。我找到了一种方法，在一个单独的页面中加载图像，然后将CSS重置应用到该页面。新页面将加载到iframe中。这比公认的答案更好地回答了这个问题，因为它还处理跨域iframe。

<iframe src="..."
 marginwidth="0"
 marginheight="0"
 hspace="0"
 vspace="0"
 frameborder="0"
 scrolling="no"></iframe>