icon を一枚ã®ç”»åƒã‹ã‚‰æŠœã出ã™ãªã© CSS ã§ç”»åƒã®ä¸€éƒ¨ã‚’切り抜ã方法。アイコンãªã©ã‚’ã²ã¨ã¤ãšã¤ç”»åƒã«ã—ã¦ä¿å˜ã‚’ã—ã¦ã„ã‚‹ã¨ã€ç®¡ç†ãŒã¨ã¦ã‚‚é¢å€’ã«ãªã‚‹ã—ã€ãªã‚“ã¦ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã‚’付ã‘ã¦è‰¯ã„ã‹ã‚ã‹ã‚‰ãªããªã‚Šã¾ã™ã€‚ 特ã«ä¸¸è§’テーブルãŒãƒšãƒ¼ã‚¸å†…ã«ã„ãã¤ã‚‚ã‚るよã†ãªã‚µã‚¤ãƒˆã§ã¯ã€ã„ã‚ã„ã‚ãªç¨®é¡žã®ä¸¸è§’部分を管ç†ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€ç”»åƒã®ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚気を使ã†å¿…è¦ãŒå‡ºã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 追記(2009/8/30): 一枚ã®ç”»åƒã«ã¾ã¨ã‚ã‚‹ã“ã¨ã§ã€å€‹åˆ¥ã«ç”»åƒã‚’èªã¿è¾¼ã¾ãªãã¦è‰¯ã„ã®ã§ã€çµæžœçš„ã«ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ãŒçŸããªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ä»Šå›žç´¹ä»‹ã™ã‚‹æ–¹æ³•ã‚’使ã†ã“ã¨ã§ã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã¾ã¨ã¾ã£ã¦ã„るよã†ãªç”»åƒé›†ã‹ã‚‰éƒ¨åˆ†çš„ã«ç”»åƒã‚’切り抜ãã“ã¨ãŒã§ãã¾ã™ã€‚ ソース .example .icon { background-image: url(../images/example.png); background-position: 0 -50px; overflow: hidden;
Blog & Freebies – Icojam
{{#tags}}- {{label}}
{{/tags}}