CSS渐变统计柱形图

用作图工具作一个渐变的长度.看起来能好看一点(宽:187px;高15px)
本来设想是当12%时,图片从左到12%的位置显示,余下的88%不显示,但不占地(看起来和1px的图片底没什么区别).下午时去网罗了一班.发现不占地是不太可能的.
要隐藏图片余下的百分比,先想到了评分.亮和暗用了一张图片,各占图片总高度的一半.我写下了:
<div style="background:url(...) 12% left;width:187px;height:15px;"></div>
依次从10%-100%，见不到效果,换<span></span>这个是可以不过在盒子内必须要有内容.
昨天晚上没写出来.下午google了也没有找到类4渐变的.不过从其中一个示例中得到了灵感.
URL:http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
中的:Complex CSS Bar Graph
马上得到了这个:
无标题文档 55% 55% 55% 55% 65% 75% 85% 95% 100%
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
有同需求的兄弟可以参考一下

跨浏览器的实践:position:fixed 层的固定定位
看示例吧:styletype="text/css"body{margin:0;padding:30px000;}div#menu{position:absolute;top:0;left:0;width:100%;height:30px;background-color:#ddd;}@mediascreen{bodydiv#menu{position:fixed;}}*htmlbo

标准布局常见问题及解决办法
CSS2.0盒模型层次平面示意图和3D示意图3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右

CSS之少用继承，多用组合
下面是一段普通的代码:css:.box{border:1pxsolid#ccc;font-size:12px;background:#f1f1f1;padding:10px;}html：divclass="box"thisisagraybox/div但是这个时候需求增加了，在页面中不