[CSS]背景を固定ã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’るよã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を次々ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ–ラウザã®é«˜ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã—ãŸå†™çœŸç”»åƒã¨ãƒ™ã‚¿å¡—り背景ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を交互ã«é…ç½®ã—ãŸç¸¦é•·ãƒšãƒ¼ã‚¸ã‚’スクãƒãƒ¼ãƒ«ã—ãŸéš›ã€å†™çœŸç”»åƒã®èƒŒæ™¯ã‚’固定表示ã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’るよã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ スクリプト無ã—ãªã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚‚ã£ã•ã‚Šæ„ŸãŒãªãã€éžå¸¸ã«ã•ãã•ã動作ã—ã¾ã™ã€‚ Alternate Fixed & Scroll Backgrounds デモ 実装 ファイルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ デモ デモã¯Chrome, Safari, Firefox, Operaãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã€IEã¯9+ã§ã”覧ãã ã•ã„。 エフェクトã«ã‚¹ã‚¯ãƒªãƒ—トを使用ã—ã¦ã„ãªã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚å¿«é©ã§ã™ï¼ å°‘ã—スクãƒãƒ¼ãƒ«ã—ãŸã¨ã“゠写真画åƒã®èƒŒæ™¯ã¯å›ºå®šè¡¨ç¤ºã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ™ã‚¿å¡—ã‚Šã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ 実装 HTML HTMLã¯ã‚·ãƒ³ãƒ—ルã§ã€mainè¦ç´ をラッパーã«ã€divè¦ç´ ã§å†™çœŸç”»åƒã¨
ラッパーã«å«ã¾ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ˜ãƒƒãƒ€ã€ãƒ˜ãƒƒãƒ€ã®å¹…ã ã‘ラッパーを超ãˆã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
{{#tags}}- {{label}}
{{/tags}}