1

この問題の解決策が見つかりません:playN-gameをhtml-iframeで表示したい:

<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の上に15pxの黒い「長方形」があります。

見えるのはShowcase.html(黒)の背景です。

Mozilla Firebugで見ることができるように、黒い「長方形」はbody要素の一部です。キャンバスオブジェクトは、上部の15px下にあります。

どうすればcanvas-objectが上から始まるようにコードを変更できますか?

以下は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

body 要素に style="margin:0; padding:0" を追加してみましたか?

于 2012-05-17T19:58:00.107 に答える