C# 如何在HTML中以精确的位置显示彼此上方的图像？

好吧，我不知道在标题里写什么，但这是我的问题

我正在实施一个票务系统，人们可以在特定的座位上订票 我想放张巴士座位的照片，显示哪些座位有空，哪些没有

例如，这张图片：

这是我保存座位是否可用的表格：

假设我希望可用的座位是绿色的，其他座位是红色的

对不起，我是新来的，但是……我该怎么做呢？：(

---

注意：im使用C#.net MVC

每个座位都是自己的图像吗？如果是这样，您可以为每个座位添加一个数据属性，并将该属性映射到数据库表。将实际座位图像作为背景图像，添加到您想要的任何元素，例如span。加载页面时，检查数据属性值是否为“take”或“free”然后，如果座位被“占据”，只需向该元素添加一个新类。该类将用新拍摄的图像覆盖以前的背景图像。这不是一个只有一个答案的问题-这是一个广泛的问题陈述，需要一个完整的解决方案。在这一点上，有许多不同的方法可以解决这个问题。你在哪一部分遇到问题？他们没有自己的解决方案我自己的图片，我只希望它们是绿色和红色的，或者任何能向用户显示座位是否可用的东西，我用背景做了一个跨度，但是你能解释一下如何向图片添加数据属性，新类以及在哪里添加吗？很抱歉，我刚刚尝试为拼贴做这个项目，@J…正如我所说的，我想展示巴士图像，然后检查哪些座位有人坐，并将其涂成红色（或任何显示座位是否有人坐的东西），我想尽可能做到这一点^ ^”