在表格单元格内分层图像

Question

我希望在带有css的表格单元格中将4个图像叠加在一起。这就是我想要的最终图像：

4张图片是：

1. 灰色圆角矩形 用红色阴影三角形和 数字
2. 蓝条
3. 栏顶上的线条
4. 黄色三角形指示器

所有这些图像必须在表格单元格中相互叠加。条形图必须能够拉伸（如果可能的话，我会用带有变量宽度属性的css div绘制它）和要移动的三角形指示器，因此整个事物不能是一个图像。

任何想法如何做到这一点？

注意：任何解决方案都必须适用于IE6及更高版本，Firefox和Chrome

Answer 1

这会是你想要做的吗？：How to let an HTML image overlap another

Answer 2

如果这是我的挑战，我想我会看到一个完整的图表解决方案，使这个过程快速，无痛，并给出一个更好看（和动画？）的结果。

这是一个近乎死亡的铃声，我发现了一些快速的Google-Fu：http://www.fusioncharts.com/widgets/Gallery/Linear1.html

我不得不为我构建的应用程序做了很多图表，而且 - 使用 - 手工滚动我的所有图表和表格。不再！在HighChart，FusionCharts和JqueryUI之间，它全部被覆盖，没有理由发明轮子......它们看起来更好。