iFrame上的边距

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

<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/

来源

2017-08-02 Taylor Barton

一个CDN您可以添加代码standard.html，好吗？ – InvincibleM

刚刚添加它....粘贴在HTML窗口 –

谢谢@Taylor巴顿 – InvincibleM

的iframe在默认情况下边框。尝试在您的iframe元素上添加border="0"属性或在CSS中添加border: none;。

来源

2017-08-02 01:39:05

不完全...谢谢指出，因为我确实有一个边框，但它的里面有问题的iFrame。当我检查元素时，一切排成一行，直到我看到嵌套的标记 –

确保您的'standard.html'标记中具有'html'和'body'标记。我知道浏览器会在您忽略它们时添加它们，但是您将无法更改body标签上的边距。我在看你的更新https://jsfiddle.net/35rf6ga6/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

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

来源

2017-08-02 01:57:47 InvincibleM

iFrame上的边距

回答

相关问题