language:css:basic

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- language:css:basic [2021/05/29 19:45] – [문법 요소] kieuns
+++ language:css:basic [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
@@ 줄 9: / 줄 9: @@
 {{:css:css-selector.gif}}
-**주석** : /* ~ */
+====== 주석 ======
+<code css>
+/* ~ */
+</code>
@@ 줄 243: / 줄 248: @@
 </body></html>
 </code>
+===== z-index =====
+[[{}https://www.w3schools.com/cssref/pr_pos_z-index.asp|z-index (w3school)]]
+''z-index''
+z order를 결정하여 오브젝트간의 가림 상태를 정한다.
+사용하기 위해서는 조건이 필요하다.
+  * ''position''으로 위치를 정하거나
+    * ''position: absolute'', ''position: relative'', ''position: fixed'', ''position: sticky''
+  * ''display:flex'' 사용된 오브젝트의 자식 오브젝트
+  * 일반적인 경우라면, ''position: relative'' 사용하고 ''z-index''를 쓰면 될 것 같다.
+CSS Syntax
+  z-index: auto|initial|inherit| (number);
+JavaScript syntax
+<code>object.style.zIndex="-1"</code>
 ===== Positioning =====

language/css/basic.1622285150.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)