使用的材料：
做成的效果：
事实上，整个过程，还是写css比较耗时间，主要是浏览器兼容性方面和ie的png背景图片透明搞得比较久
一、浏览器兼容性：
主要是css中cursor差异性（其他做的过程中忘了）：
cursor在ie6很奇怪，我开始在li层设置鼠标形状为手指，ie6显示无效，向复层的ul，div设置都无效，后来试了设置了li里面的div，奇迹出现了，鼠标手指出现了，这里我理解为：ie6解析dom的时候，设置鼠标作用于标签内有内容的第一个父元素有效，而且我感觉中，ie6很多方面都存在这样的设计方案。
二、ie6使png背景图片变透明
ie6上，显示png是不透明的，所以要通过ie特有的透镜效果，设置png透明，但是为了兼容fx等其他浏览器，要用到css hack，就是利用ie特有解析css符号如*，写在原本css属性的下面，遇到ie6的时候，ie6解析*，覆盖原来的css，这样讲好像很复杂，看如下css：
.mun_contant{ width:80px; height:25px; text-align:center; background-image:url(images/menu/tab_normal.png); background-position:center; background-repeat:no-repeat; line-height:235%;}
*html .mun_contant{margin:0px auto; height:25px;width:65px; line-height:235%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/menu/tab_normal.png"); background:none;}/** ie6 **/
当遇到ie6的时候，*html下的.mun_contant覆盖上面的.mun_contant,而其他浏览器不识别 *html，所以就跳过
上面的代码：filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/menu/tab_normal.png"); background:none
