如何根據背景圖片在HTML5上的位置來設置對象的位置？

Question

我有一個關於HTML5的項目。在背景圖像是足球場。足球運動員的名字（標籤或按鈕）已經結束了。根據背景圖像的位置如何設置這些對象的位置（像素或其他）？

最好的方法是使用表？

Answer 1

您可以使用職位 CSS屬性（http://www.w3schools.com/css/css_positioning.asp,http://www.barelyfitz.com/screencast/html-training/css/positioning/）。你所要做的就是爲背景和絕對位置設置容器的相對位置，併爲其上的元素設置適當的偏移量。

不，不，表格不是最好的方法。改用部分或div代替。

Answer 2

看看背景定位。它將在HTML5 Canvas上工作。

background-position: right-pixels-or-percentage top-pixels-or-percentage; 

http://www.w3schools.com/css/css_background.asp