IE6下的按钮效果

　　这张图片是3个tab页的按钮&＃xff0c;每个按钮都可以根据字的长度来调节按钮的长度&＃xff0c;例如“服务台”和“运维”宽度就不一样。下面是IE6下的显示效果。下面具体说是怎么实现的。

　　1.“个人工作区”的按钮

　　　　两个div嵌套&＃xff0c;外层div的背景图片为上述按钮的左边有圆角的一个小截图&＃xff0c;no-repeat&＃xff0c;截图截得精确一点&＃xff0c;不够的地方用和按钮相同的颜色代替&＃xff0c;里层div背景图片用按钮右边的小截图 &＃xff0c;文字写在里层div里面即可。

　　

个人工作区

　　.left{

　　　　background:url(&＃39;css/images/left.png&＃39;) top left no-repeat #D6EEFF)

　　　}

　　.right{

　　　　background:url(&＃39;css/images/right.png&＃39;) top right no-repeat);

　　}

　　2."服务台"按钮

　　3个嵌套的div&＃xff0c;会有三张图片&＃xff0c;左边一张截图&＃xff0c;中间一张&＃xff0c;右边一张&＃xff0c;注意截图截得精准一点。左右两张no-repeat,中间repeat-x.

　　

服务台

　　.nav li .div_middle{
   　　 height:38px;
    　　background:url("images/middle_.png") top left repeat-x;
　　}
　　.nav li .div_left{
    　　height:38px;
    　　background:url("images/left_.png") top left no-repeat;
　　}
　　.nav li .div_right{
   　　 height:38px;
    　　background:url("images/right_.png") top right no-repeat; 
　　}