在表格單元格內分層圖像

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之間，它都被覆蓋了，沒有理由發明輪子......而且它們看起來更好。