在表格单元格内分层图像

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

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

这里有近酷似，我发现了一些快速谷歌赋：我已经做了很多的后期制图为我构建应用程序的http://www.fusioncharts.com/widgets/Gallery/Linear1.html

，我--used--以手工滚动我所有的图表和表格。不再！在HighChart，FusionCharts和JqueryUI之间，它都被覆盖了，没有理由发明轮子......而且它们看起来更好。