如何根据背景图片在HTML5上的位置设置对象的位置?

时间:2013-04-27 21:59:48

标签: css html5 html5-canvas

我有一个关于HTML5的项目。在背景图像是足球场。足球运动员的名字(标签或按钮)就结束了。如何根据背景图像的位置设置这些对象的位置(像素或其他什么)?

最好的方法是使用表吗?

2 个答案:

答案 0 :(得分:3)

您可以使用位置 CSS属性(http://www.w3schools.com/css/css_positioning.asphttp://www.barelyfitz.com/screencast/html-training/css/positioning/)。您所要做的就是设置容器的相对位置与背景和绝对位置,并为其上方的元素设置适当的偏移量。

不,桌子不是最好的方法。使用部分或仅使用 div

答案 1 :(得分:2)

看看背景定位。它适用于HTML5 Canvas&#39。

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

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