1

我没有找到解决这个问题的方法：我想在 html-iframe 中显示我的 playN-game：

<iframe src="../playn-showcase-html/Showcase.html"
    width="640" height="480" name="Showcase" scrolling="no" marginwidth="0px" marginheigth="0px" frameborder="0" align="top">
</iframe>

我想无边界地嵌入它。但正如您在下图中看到的那样，在 iframe 顶部有一个 15 像素的黑色“矩形”，我不想拥有。

可以看到的是 Showcase.html 的背景（黑色）。

正如我在 Mozilla Firebug 中看到的，黑色的“矩形”是 body-element 的一部分。画布对象位于顶部下方 15 像素处。

如何更改代码以使画布对象从顶部开始？

下面是 Showcase.html 的代码：

<!DOCTYPE html>
<html>
  <head>
    <title>PlayN Showcase</title>
    <style>
      @font-face {
        font-family: "Museo";
        src: url(showcase/text/Museo.ttf);
      }
    </style>
  </head>
  <body bgcolor="black">
    <script src="showcase/showcase.nocache.js"></script>
  </body>
</html>

在此处输入图像描述

4

1 回答 1

1

您是否尝试将 style="margin:0; padding:0" 添加到 body 元素？

于 2012-05-17T19:58:00.107 回答