Sassy Z-Index Management For Complex Layouts — Smashing Magazine
Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is notoriously difficult. With different stacking orders and contexts, keeping track of them as their numbers increase can be hard — and once they start to spread across CSS files, forget about it! Because z-index can make or break a UI element’s visibility and usability, keeping your website’s UI in working o
è¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸï¼ˆz-indexã¨ã‹ä½•ã¨ã‹ã¨ã‹ï¼‰ – No.1026
ã‚ãªãŸã¯html/cssã«ãŠã‘ã‚‹è¦ç´ ã®é‡ãªã‚Šæ–¹ã‚’知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ z-indexを指定ã—ãªã‘ã‚Œã°å…ˆã«æ›¸ã„ãŸã»ã†ãŒä¸‹å±¤ã§å¾Œã«æ›¸ã‘ã°ä¸Šå±¤ã«æ¥ã‚‹ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€å®Ÿã¯å‰²ã‚Šã¨è¤‡é›‘ãªè¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ãã“ã¾ã§æ„è˜ã—ãªãã¨ã‚‚支障ãŒã§ã‚‹ã“ã¨ã¯æ»…多ã«ãªã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã¯ãšã§ã™ã€‚ ã¡ãªã¿ã«ã€æ˜¨ä»ŠCSS3ãªã‚‹ã‚‚ã®ãŒæµè¡Œã—ã¦ã„ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã¯W3Cã®CSS2.1勧告（ã¨ä»˜éŒ²ï¼‰ã‚’å…ƒã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ 基本的ãªå†…容ã§ã‚ã‚Šã€ç›®æ–°ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã«ã‚‚ã‚ã‚Šã¾ã›ã‚“。 スタックコンテã‚ストã¨ã‚¹ã‚¿ãƒƒã‚¯ãƒ¬ãƒ™ãƒ« 用語ã¨æ¦‚念ã‹ã‚‰ã€‚ ã‚ã‚‹æ„味ã€ã“ã“ãŒä¸€ç•ªã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ãŒã‚ã‹ã‚‰ãªã„ã¨ä½•ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“。 スタックコンテã‚スト（スタッã‚ング・コンテã‚スト） ç°¡å˜ã«è¨€ãˆã°auto以外ã®z-indexã¨ä½ç½®ï¼ˆstatic以外ã®position）を指定ã—ãŸè¦ç´ ã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹éšŽå±¤æ§‹é€ ã‚’å½¢æˆã™ã‚‹å›ºã¾ã‚Šã§ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}