在图像上放置标签？

Question

我在这里有一个页面http://183.78.169.53/tyre2/page2.html。现在是静态的，但我将从数据库中读取并动态地形成这样的东西。问题是我从数据库中读取位置ID并想放在每个轮胎上？知道如何实现吗？

Answer 1

有几种方法可以在Web应用程序中为图像添加标签。

1. 创建一个类似div或span的HTML元素，其css background属性是一个图像。你将会有 如果从数据库中读取图像，则以动态方式更改css。
2. 通过合成服务器端的文本和背景图像生成新图像（但这就是20世纪90年代！）
3. 使用<canvas>
生成整个显示

鉴于你已经拥有的东西，我会选择1。

Answer 2

您可以在轮胎顶部放置另一张带有数字的图像。或者，如果所有图像都相同，您可以将图像设置为div/li/a的背景，并将数字打印为纯文本。

如果每张图片都不同，您可以为我分配每个div（或其他任何内容），并为每个div设置不同背景图像的回显自定义CSS。