0

建立一个最终将成为 Facebook 游戏的网站（希望如此！）我有点卡住了。我提供了一张图片来更好地解释。

我创建了一个 DIV，背景是图像（减去我非常专业的潦草的），位于 DIV 上方的将是其他图像和 DIV。虽然我了解 HTML，但图像并没有去到它们应该去的地方，它们完全脱离了位置，最终到处都是！稍后我将提供一些代码，首先我将解释我放置在经过专业编辑的图像上的数字。

  1. 当前英雄分区。（或者里面有图片的DIV，都试过了）
  2. 图 2。它将出现在边框/ X 按钮下。
  3. 任务popupexit div。不可见，坐在 X 按钮上并调用 JavaScript 函数。
  4. 图 4。
  5. 任何任务的文本！

的HTML：

<div id='missionpopup'>
  <div id='currenthero'>
    <img src='images/TallSlimTest.png' />
  </div>
  <div id='missionpopupexit' />
</div>

CSS：

#missionpopup {
text-align: left;
width: 752px;
height: 500px;
position: relative;
background-image:url('./images/missionpopup.png');
}

#missionpopupexit {
margin-left: 720px;
width: 30px;
height: 30px;
position: absolute;
border-style: solid;
border-width: 1px;
}

#currenthero {
margin-left: 33px;
margin-top: 16px;
margin-bottom: 14px;
float: left;
}

我希望能够id="missionpopupexit"坐在右上角的 X 上，而不会影响 DIV 中其他所有内容的位置或位置！我使用了 float 和 display: inline; 的不同变体，达到了这样的效果，但一切似乎仍然混乱！

4

1 回答 1

1

首先，您必须正确关闭 div，.

其次，在使用绝对位置时不要使用边距，试试这个：

#missionpopupexit {
width: 30px;
height: 30px;
position: absolute;
border-style: solid;
border-width: 1px;
}
于 2012-09-29T21:02:28.760 回答