webkit系ブラウザã§æ°—を付ã‘ãŸã„CSS3ã§ã®è§’丸 | スマートフォンサイト作æˆã€€ãƒŽã‚¦ãƒã‚¦é›†webkitç³»ã®ãƒ–ラウザã«ã¯ã€chromeã€safariã®ã»ã‹ã€Androidã®æ¨™æº–ブラウザやiOSã®Safariã‚‚webkitを利用ã—ã¦ã„ã¾ã™ã€‚ ãã“ã§ã€å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ã€è§’丸ã«ã—ã¦ã„ã‚‹ã«ã‚‚é–¢ã‚らãšã€ä¸ã«è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚‚ã®ãŒè§’丸を超ãˆã¦è¡¨ç¤ºã•ã‚Œã‚‹å•é¡Œã§ã™ã€‚ 以下ã®æ¡ä»¶ã‚’満ãŸã™å ´åˆã«ç™ºç”Ÿã—ã¾ã™ã€‚ ・overflow:hiddenã§ã¯ã¿å‡ºãŸå ´æ‰€ã‚’éš ã™ã€‚ ・border-radiusã§è§’丸ã«ã™ã‚‹ã€‚ ・position:relativeã§ã€å†…部タグをä½ç½®æŒ‡å®šã«ã™ã‚‹ã€‚ overflowã¨border-radiusã ã‘ã§ã‚ã‚Œã°å•é¡Œãªã„よã†ã§ã™ãŒã€positionを利用ã—ãŸé€”端ã€è§’丸を超ãˆã¦æç”»ãŒè¡Œã‚ã‚Œã¾ã™ã€‚ 対処方法ã¯ã€ä¸ã«æç”»ã™ã‚‹ã‚‚ã®ã«ã‚‚角丸を付ã‘ã‚‹ã¨ã„ã£ãŸã“ã¨ãらã„ã§ã™ã€‚ ã€å‚考サイト】 border-radiusã¨overflow:hiddenã‚’ã—ãŸã¨ãã®å„ブラウザã®æŒ™å‹•ã®é•ã„
{{#tags}}- {{label}}
{{/tags}}