CSSã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦pointer-eventsプãƒãƒ‘ティã§noneを指定ã™ã‚‹ã¨æœ€å‰é¢ã«ç½®ã„ãŸè¦ç´ を無視ã—ã¦æ™®é€šã«ãƒšãƒ¼ã‚¸æ“作ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ãªã®ã§ã€ãã†ã„ã†é¢¨ã«ã—ã¦ãŠã„ãŸè¦ç´ ã‚’opacityプãƒãƒ‘ティã§éžè¡¨ç¤ºã«ã—ã¦ãŠã‘ã°ã€æ™®æ®µã¯è¦‹ãˆãªã„ã‘ã©ç‰¹å®šã®æ“作ã§æœ€å‰é¢ã«é£›ã³å‡ºã™ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¨ã‹ã‚‚ç°¡å˜ã«å‡ºæ¥ã¾ã™ã€‚pointer-eventsプãƒãƒ‘ティã£ã¦ã“ã†ã„ã†ä½¿ã„æ–¹ã™ã‚‹ãŸã‚ã«ã‚ã‚‹ã®ï¼Ÿ Demo: Pure CSS Modal Window .window { opacity: 0; pointer-events: none; } ã§ã€è¦‹ãˆãªã„・æ“作ã§ããªã„ウィンドウãŒä½œã‚Œã‚‹ã®ã§ã€:target擬似クラスã§è¡¨ç¤ºã®åˆ‡æ›¿ã‚’è¡Œãˆã°OKã§ã™ã€‚ .window:target { opacity: 1; pointer-events: auto; } ç°¡å˜ï¼ã€€ãƒ‡ãƒ¢ã®ã‚ˆã†ã«position: fixed;ã¨ã‹ã—ã¦ãŠãã¨ã‚ˆã‚Šã‚‰
29 Creative And Unusual Websites - SpyreStudios
{{#tags}}- {{label}}
{{/tags}}