底部菜单2

  #foot{
           /* bottom: 0px;*/
          
           /* z-index: 1002;*/
        /*    overflow: visible;
            opacity: 1;
            cursor: default;
            pointer-events: none;*/
            
         /*   background-repeat: repeat-x;*/
          
               position: absolute;
               bottom: 0px;
               background-image: url(../../Image/ui.png);
              /* border:1px solid red;*/
               width: 66px; 
                height: 100px;
                 background-position: 0px -140px;
     
        transform:scale(58, 1);  


       
    
    
  
    /*padding-left: 3px;*/
   
     
       
          /*  
        
              
    
    
    
    
    background-position: 0px -159px;
     
        transform:scale(13.549, 1);  */
     
       

        }

 <div id="foot" ></div>

此也是引入了一张雪碧图，核心在于它自动排列雪碧图。然后进行平铺