顯示平鋪和重疊的圖像

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 
}