我正试图找到一种好的方法来存储产品图像的许多排列，这些排列将代表可用的不同选项。
例如，假设我们正在定制一辆汽车，我们有如下选项组：
- 汽车颜色
- 轮辋样式
- 窗口着色
- 装饰颜色
- 车身样式
每一个都可以有许多可用的选择。
我想做的是能够在页面上显示一个图像，代表用户选择的所有自定义选项。例如，展示一辆红色汽车，配有镀铬轮圈、有色车窗、车身颜色装饰和轿跑车车身风格。
最棘手的部分是选项的数量不一致。继续汽车示例，一些汽车可能比其他汽车具有更多的选项组，并且根据车辆类型，在一个组中可能有不同数量的可用选项。
一个具体的限制是，它必须通过Safari在iPad上运行，因此基于Flash的解决方案不是一种选择。
有什么样的策略来管理所有可能的产品和选项排列？
我脑海中浮现的一种可能性是，我可以使用透明的PNG，然后在浏览器中对其进行分层。每个图像将只包含该特定选项所需的部分，其余部分将是透明的。就数据库而言，这将使跟踪单个选项图像变得非常容易。
这样做的一个缺点是，图形团队要生成所有这些图像需要做大量的工作。然而，如果这是最好的选择，那么这就是它必须要做的
我的另一个担忧是，我需要非常精确地通过CSS覆盖这些图像，我认为这会产生一些跨浏览器的影响。我还必须知道将图像按哪个顺序分层，以便它们都可见，但这不太令人担忧。