imgè¦ç´ ã§CSS Spriteã™ã‚‹æ–¹æ³•ã€ŒCSS Spriteã€ã¯èƒŒæ™¯ç”»åƒãªã©ã®è¤‡æ•°ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¤ã®ç”»åƒã«ã¾ã¨ã‚ã¦ã€ç”»åƒã®ä¸ã‹ã‚‰è¡¨ç¤ºã•ã›ãŸã„部分ã®åº§æ¨™ã‚’background-positionプãƒãƒ‘ティã§æŒ‡å®šã™ã‚‹ã¨ã„ã†æ‰‹æ³•ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPリクエスト数を減らã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®æ‰‹æ³•ã¯èƒŒæ™¯ç”»åƒã§ã®åˆ©ç”¨ãŒä¸€èˆ¬çš„ãªã®ã§ã™ãŒã€imgè¦ç´ ã§ã‚‚利用ã™ã‚‹ã“ã¨ãŒã§ãるよã†ãªã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 本エントリーã§ã¯ã€æ¬¡ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ックマークボタン用ã®4ã¤ã®ç”»åƒã‚’1ã¤ã«ã¾ã¨ã‚ã¦ã€CSS Spriteã‚’è¡Œã£ã¦ã¿ã¾ã™ã€‚ 背景画åƒã®å ´åˆã¯background-positionプãƒãƒ‘ティã§ã•ãã£ã¨è¡¨ç¤ºã§ãã‚‹ã®ã§ã™ãŒã€imgè¦ç´ ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã®ã«ã‹ãªã‚Šè‹¦åŠ´ã—ã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ã€ã‚³ãƒ”ペã§ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ルも用æ„ã—ã¾ã—ãŸã€‚ 「ãã†ã„ã†å ´åˆã€èƒŒæ™¯ç”»åƒã«å¤‰æ›´ã™ã‚‹ã®ãŒæœ¬æ¥ã§ã¯ï¼Ÿã€ã¨ã„ã†ãƒ„ッコミã¯ãªã—ã§ãŠé¡˜ã„ã—ã¾ã™ï¼ˆç¬‘）。
{{#tags}}- {{label}}
{{/tags}}