我想要一种将对象相对定位到 div 左上角的方法。或者一种使用 JavaScript 创建某种图像视图（不使用 HTML img 标签）的方法，该视图将相对于 div 显示在屏幕上。会有多个这些图像，我希望它们能够重叠。我正在尝试重新制作我在 Xcode 上制作的游戏，其中涉及与网格对齐移动的块（将在 1000x700px 的窗口中）
我是 javascript 的初学者
问问题
98 次
2 回答
1
关于第一个选项（定位图像），您可以仅使用 CSS 来完成（或使用 JavaScript 操作相同的 CSS 属性）。您只需要：
- 一个带有
position: relative. - 里面的元素
position: absolute。然后操作它们的top、left和right属性bottom（将与容器相关）。
于 2013-03-05T20:51:39.893 回答
0
好吧，如果没有完整的上下文，很难推荐任何东西，但是您可以使用一些基本的 CSS 来做到这一点。
由于您不想使用图像标签，您可以在包含的 div 上添加背景图像。然后将该图像放置在您需要的位置。
示例：http: //jsfiddle.net/ufomammut66/wctJc/1/
我们使用 abackground-position来定义显示图像的位置。您可以使用关系（上、中、下、右、左）或实际像素位置（XY 表示法 IE：100px 5px）来告诉定义它应该显示的位置。
根据您将要做的事情（因为它是一个游戏），将项目分成主容器的不同子项可能更有意义。因此，您将拥有 1 个元素position:relative和一系列其他元素position:absolute。绝对定位的元素可以像背景一样放置 - 以像素 ( top:100px;left:5px) 为单位设置 XY 位置。此外，您可以为它们设置动画以四处移动并与事物交互。在下面的示例中，我使用 jQuery 为元素设置动画，主要是因为 jQuery 使动画变得超级简单。
示例：http: //jsfiddle.net/ufomammut66/QxGhD/2/
于 2013-03-05T21:44:33.920 回答