1

我正在尝试构建一个向导,而且我是 ajax 和 jquery 的新手。我只是一个 html/css gal。我正在尝试这种方式,因为闪存无法在任何苹果设备上运行。无论如何,我已经下载了http://techlaboratory.net/smartwizard 并且将以此来构建我的向导。

本质上,我正在构建的是一个向导,它在每个步骤中都会帮助您构建您的汽车座椅。问题出现了,有多种颜色可供选择,然后在其上插入多种颜色。例如,您可以选择黑色座椅,但如果您决定购买带插件的座椅,您可以选择黄色或蓝色等各种颜色。有这么多座椅颜色+插入颜色,我不想将大量图像加载到数据库中以从中提取。

我正在考虑做的是保存两个单独的 png 图像文件,一个用于座椅,另一个用于插入。如果客户选择带有插入物的座位,他们每个人都在自己的 z-index 上,然后我使用 css 覆盖来为每个 z-index 着色。问题是我可以只为图像本身着色而不会将图像渗入背景或索引较低的图像吗?也许有人知道有更好的 ajax 方法来选择和更改每个项目的颜色?

4

1 回答 1

2

您可以使用反向透明的图像来执行此操作。然后您可以为容器的背景添加颜色。

HTML

<div class="img-wrap">
    <img src="http://i41.tinypic.com/1112z3o.png" alt="" />
</div>

和 CSS

.img-wrap { background-color: red; width: 153px; height: 78px; overflow: hidden;  }

这是一个jsfiddle

另一种方法是使用 HTML画布 (尽管这可能会损害性能)

在此处查看相关帖子:Html5 Canvas overlay

于 2013-04-29T19:09:23.537 回答