显示平铺和重叠的图像

Question

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

我对PHP有一个很好的把握，了解基本的html，非常有限的css，并且开始学习javascript，并且正计划拾取jQuery。

Answer 1

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

Live Demo

要了解的定位是如何工作的，请参阅：

• http://css-tricks.com/absolute-positioning-inside-relative-positioning/
• http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

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 
}