在html中嵌入pdf时出现白线答案

【问题标题】：White line when emebding pdf in html在html中嵌入pdf时出现白线
【发布时间】：2013-10-02 01:37:48
【问题描述】：

我正在使用基于谷歌 chrome 浏览器的 node-webkit 创建一个 web 应用程序。在网站上嵌入 pdf 文件时，使用 embed 标签，我会在嵌入部分的顶部出现一条白线（附图片）。我的第一个想法是，它是一种边框，但设置边框 = 0 并不能解决问题。我的建议是，这条白线是嵌入部分背景的一部分，adobes pdf 插件不覆盖整个嵌入区域。

编辑

如果我的建议是正确的，那么如果我可以将嵌入区域的背景切换为其他颜色，它已经对我有所帮助。但是设置背景颜色也不起作用。

【问题讨论】：

嵌入标签前面有空格吗？
不，没有空格。
请将以下css添加到embed-tag中：<embed style="border: solid 1px red;" ...并上传截图，以便我们查看空间是否在嵌入内。如果您可以发布（部分）html 源代码，这也可能会有所帮助。

标签： html css pdf embed

【解决方案1】：

页边距和内边距必须在 html/body 上设置为 0。

【讨论】：

这没有效果。线路还在。

【解决方案2】：

如果你添加：

body { 
margin:0;
padding:0;
}

这应该可以解决您的问题。

【讨论】：

【解决方案3】：

尝试使用<iframe></iframe> 标签。在src 属性中设置文件的来源。您可以在设置嵌入标签时设置 iframe 标签的高度或宽度。
示例：<iframe src="http://example.example/file.pdf" width="500" height="400"></iframe>
或者您可以设置应用程序以打开您附加到您网站的文件

可能有帮助！ :D

【讨论】：

你用的是什么pdf插件？可能这是您插件的默认设置。