Question

我正在尝试制作一个简单的浏览器游戏，而不依赖于像flash或html5这样的任何东西。我在设置所有设置方面做得非常好，但是当我到达地面时遇到了麻烦，因为我不擅长设置html页面。我希望有一个可以放置对象的平铺地面，然后单击对象以将用户带到另一个页面。我不知道如何去做这样的事情，我正在寻找一些方向。

我对PHP有很好的把握，理解基本的html，非常有限的CSS，我开始学习javascript，并且正在计划选择jQuery。

Answer 1

我真的不明白你想要什么，但这可能会有所帮助：

Live Demo

要了解定位的工作原理，请参阅：

<强> HTML：

<div id="gameContainer">

    <a href="http://www.google.com/" class="wall" style="top:32px;left:64px"></a>
    <a href="http://en.wikipedia.org/" class="wall" style="top:32px;left:96px"></a>
    <a href="http://www.microsoft.com/" class="wall" style="top:32px;left:128px"></a>
    <a href="http://www.google.com/" class="wall" style="top:32px;left:160px"></a>

</div>

<强> CSS：

#gameContainer {
    width: 320px;
    height: 320px;
    border: 1px solid #000;
    background: url(http://i.stack.imgur.com/sFV9k.png);
    position: relative
}

.wall {
    background: url(http://i.stack.imgur.com/IFjyp.png);
    width: 32px;
    height: 32px;
    position: absolute
}

显示平铺和重叠的图像

1 个答案: