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>

rb_yield_splat(VALUE values)

我注意到的一些事情：

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

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

（这可能只是因为你在本地调用脚本。也许使用像cdnjs.com这样的cdn

在我看来，似乎没有边际......只是边界......

祝你好运！

编辑：这里是来自cdnjs.com的滑块的CDN

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

Answer 3

Kotlin 答案

例如，我以这种方式为 WebView 的 iFrame 使用边距：

val url = "www.stackoverflow.com"

val iframeExample = "<html><body style=\"margin: 0; padding: 0\"><iframe width=\"100%\" src=\"$url\" frameborder=\"0\" allowfullscreen></iframe></body></html>"

webView.loadData(iframeExample, "text/html", "utf-8")

iFrame标签上的保证金

3 个答案: