iFrame 标记上的边距

Question

我有一个加载滚动图片横幅的 iFrame 标签，当它加载时，它在 #document 中有一个新的 html 和 body 标签。一切加载正常，但问题是它有一个自动 8px 边距。我已经将我能想到的每个属性设置为 0px，但没有任何影响。我已经尝试过关于类似问题的帖子中的想法，但没有任何效果。

<div id="header">

    <ul id="menu">
        <li class="menuItem"> <a href="home.html">Home</a>  </li>
        <li class="menuItem"> <a href="music.html">Music</a>  </li>
        <li class="menuItem">  <a href="services.=html">Services</a>  </li>
        <li class="menuItem">  <a href="contact.html">Contact</a>  </li>
        <li class="menuItem">  <a href="bio.html">Bio</a>  </li>
    </ul>

<iframe src="standard.html" id="bannerObj" scrolling="no" margin="0"></iframe>

这是 jsfiddle 上的完整代码 - https://jsfiddle.net/35rf6ga6/

Answer 1

iframe 默认有边框。尝试在您的 iframe 元素上添加 border="0" 属性或在 CSS.

中添加 border: none;

Answer 2

好的，所以在您的 iFrame 中添加 frameBorder="0"。这将删除边框并显示您的 iFrame。

下面是它的外观示例：

<iframe src="myUrlPathHere" id="bannerObj" frameBorder="0" scrolling="no" margin="0"</iframe>

JSFiddle

我注意到的一些事情：

您在 #000 中打印了一个错误（不可见，因为那是背景）

{"error": "Please use POST request"}

（这可能只是因为你在本地调用脚本。也许使用 cdn，例如 cdnjs.com

在我看来似乎没有边距...只是一个边框...

祝你好运！

编辑： 这是来自 cdnjs.com

的滑块的 CDN

https://cdnjs.cloudflare.com/ajax/libs/jssor-slider/25.2.0/jssor.slider.min.js

iFrame 标记上的边距

Margin on iFrame Tag

html

iframe

margin