By now you should have quite a few CSS selectors for each image Sprite.
目今你已经对每个精灵中的图片有一些CSS选择器。
Setting the class combines the image Sprite info from the CSS with the link, showing only that region of the Sprite.
用CSS和链接设置类,将精灵的信息组合起来,只显示精灵的一部分。
With image sprites, you will have CSS selectors for each link that display only a portion of the image Sprite - effectively showing just the image you need.
有了图片精灵,你将要用CSS选择器对每个只显示精灵中部分图片的链接进行处理:只要你需要的那部分。
You'll also learn how to set up the Sprite using some basic CSS techniques (CSS background Sprite and CSS text image replacement).
同时你也会学习到应用基础CSS的技巧CSS背景图片翻转。
Using the same sprite class, and same image, we are going to create a simple rollover icon.
使用相同的使用相同的sprite类与相同的图标,制作一个简单的翻转图标。
Chess Pieces as originally seen on this answer that includes 2 other Sprite sets (same image in different colors).
棋子,最初显示在此回答包含其他2个精灵集(不同颜色的相同图片)。
Chess Pieces as originally seen on this answer that includes 2 other Sprite sets (same image in different colors).
棋子,最初显示在此回答包含其他2个精灵集(不同颜色的相同图片)。
应用推荐