the YAHOO image integration technologies used in page production, this need to spend some time to have merged the ICON of the rules of the program background, image button, which calls for CSS, but doing so is absolutely reasonable, and it is necessary, YSlow is also highly recommended. Implementation method of the

code is as follows:


<Divclass="Max" >Maximize </div>

the two class all use the same image:

  code is as follows:  


Max {
width: 16 px;
height: 16 px;
background - image: url (/images/CSS - sprites. GIF);
background - repeat: no - repeat;//we don't want to let it flat out
text text-indent: em - 999;//hide text a way
}

effect can only be in the picture above tag_icon. GIF in the graph background, cannot get the background we need. Because we haven't specified background - position, default of 00, may have a look above, just tag_icon. GIF figure. Ok, we will find for auther. GIF image position in the big picture. After measuring, button located on the Y axis 350 px, button located on the x 50 px. Think about how we can let them to show up? Obviously to get code is as follows:

  code is as follows:  


Max {
background - position: 50-350 px;
}

yeah, we did it:
(note: for example convenience, this example directly in HTML the built-in style, not the special circumstances use this approach in practice).


This concludes the body part