背景画åƒã®æ‹¡å¤§ãƒ»ç¸®å° → background-size ! - シンプルシンプルデザイン CSSW3Cã§ã€Œãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«èƒŒæ™¯ã¨ãƒœãƒ¼ãƒ€ãƒ¼ã€ã«ã¤ã„ã¦2011å¹´2月15日付ã‘ã§æ›´æ–°ã•ã‚Œã¦ã¾ã™ã。 CSS3ã§ã¯ã€èƒŒæ™¯ç”»åƒã®å¹…・高ã•ã‚’拡大・縮å°ã™ã‚‹ãƒ—ãƒãƒ‘ティãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã‚らãŸã‚ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ 拡大・縮å°ã«ã‚ˆã‚‹ç”»åƒåŠ£åŒ–ãŒæ°—ã«ãªã‚‹ã¨ã“ã‚ã§ã™ãŒã€è¨±å®¹ã§ãã‚‹ã‹ã©ã†ã‹ã®åˆ¤æ–ã¯å€‹äººå·®ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚è¿‘é ƒã®ãƒ–ラウザã¯å„ªç§€ã§ã€ã„ã„æ„Ÿã˜ã§ã‚¹ãƒ ージングã•ã‚Œã‚‹ã®ã§ã€ŒOKï¼ã€ã¨ã¼ãã¯åˆ¤æ–ã—ã¾ã—ãŸã€‚ ã•ã™ãŒã«IE6ã®æ‹¡å¤§ãƒ»ç¸®å°ã—ãŸã¨ãã®ã‚¸ãƒ£ã‚ジャã‚æ„Ÿã¯å ªãˆã‚‰ã‚Œã¾ã›ã‚“ãŒã€ãã‚‚ãも「background-sizeã€ã¯é©ç”¨ã•ã‚Œãšç„¡è¦–ã•ã‚Œã‚‹ã®ã§ã€IE6ã§ã¯èƒŒæ™¯ç”»åƒã¯æ‹¡å¤§ãƒ»ç¸®å°ã•ã‚Œã¾ã›ã‚“。 Safariã€Google Chromeã€Operaã§ã™ã§ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Firefoxもプリフィックス「-moz-ã€ã§é©ç”¨ã•ã‚Œã¾ã™ã€‚ IE8ã§ã¯æ®‹å¿µãªãŒã‚‰æœªå®Ÿè£…ã§ã—ãŸã€‚。。ã“ã®è¾ºã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã§ä¹—り切り
so-network.biz
http://www.designwalker.com/2010/05/css3.html
{{#tags}}- {{label}}
{{/tags}}