{"json_modified": "2016-07-26T12:23:32.239380", "uuid": "34ac8f59-0fc0-4254-8e5b-71829c7a9e33", "title": "Stacking context example 1", "url": "/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1", "tags": ["Understanding_CSS_z-index", "CSS", "Advanced"], "translations": [{"uuid": "0c2955f4-d705-4e3a-b67c-7c9e7dc973ce", "title": "Ejemplo 1 del contexto de apilamiento", "url": "/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/ejemplo_1_del_contexto_de_apilamiento", "tags": [], "summary": "Empecemos con un ejemplo b\u00e1sico. En el contexto de apilamiento ra\u00edz tenemos dos DIVs\u00a0(DIV #1 and DIV #3), ambos con posici\u00f3n relativa, pero sin propiedad z-index. Dentro del\u00a0DIV #1 se encuentra el\u00a0DIV #2 de posici\u00f3n absoluta, mientras que en el\u00a0DIV #3 se encuentra el\u00a0DIV #4 con posici\u00f3n absoluta, ambos sin propiedad z-index.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-05-31T22:49:47", "review_tags": []}, {"uuid": "6af6df2d-fe15-4251-98ea-3623dec11a0d", "title": "Exemple d'empilement 1", "url": "/fr/docs/Web/CSS/Comprendre_z-index/Exemple_1", "tags": ["CSS", "Avanc\u00e9", "Guide"], "summary": "Commen\u00e7ons par un exemple simple, dans le contexte d'empilement racine nous avons deux blocs <em>DIV</em> (<em>DIV #1</em> et <em>DIV #3</em>), tout deux positionn\u00e9s relativement, mais sans propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/z-index\" title=\"Pour les bo&#xEE;tes positionn&#xE9;es, la propri&#xE9;t&#xE9; z-index d&#xE9;finit :\"><code>z-index</code></a>. Dans le bloc <em>DIV #1</em> il y a un bloc <em>DIV #2</em> en position absolue, alors que dans le bloc <em>DIV #3</em> il y a un bloc <em>DIV #4</em> en position absolue, tout deux \u00e9galement sans propri\u00e9t\u00e9 <code>z-index</code>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-26T12:23:28", "review_tags": []}, {"uuid": "5861f946-408b-49f4-b638-a71b3731b198", "title": "\u30b9\u30bf\u30c3\u30af\u6587\u8108\u306e\u4f8b 1", "url": "/ja/docs/Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1", "tags": ["Understanding_CSS_z-index", "CSS"], "summary": "\u57fa\u790e\u7684\u306a\u4f8b\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002\u30eb\u30fc\u30c8\u306e\u30b9\u30bf\u30c3\u30af\u6587\u8108\u306b\u30012\u3064\u306e DIV (DIV #1 \u3068 DIV #3)\u304c\u3042\u3063\u3066\u3001\u3069\u3061\u3089\u3082 relative \u306e\u4f4d\u7f6e\u6307\u5b9a\u304c\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001z-index \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u6307\u5b9a\u306f\u3042\u308a\u307e\u305b\u3093\u3002DIV #1 \u306e\u4e2d\u306b absolute \u306e\u4f4d\u7f6e\u6307\u5b9a\u304c\u3055\u308c\u305f DIV #2 \u304c\u3042\u308a\u3001\u4e00\u65b9 DIV #3 \u306e\u4e2d\u306b\u306f absolute \u306e\u4f4d\u7f6e\u6307\u5b9a\u304c\u3055\u308c\u305f DIV #4 \u304c\u3042\u308a\u307e\u3059\u3002\u3069\u3061\u3089\u3082 z-index \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u6307\u5b9a\u306f\u3042\u308a\u307e\u305b\u3093\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-05-17T05:54:03", "review_tags": []}, {"uuid": "5eb7bfed-22f8-4887-a15e-87585a889049", "title": "\uc313\uc784 \ub9e5\ub77d \uc608\uc81c1", "url": "/ko/docs/Web/CSS/Understanding_z-index/Stacking_context_example_1", "tags": [], "summary": "\uae30\ubcf8 \uc608\uc81c\ubd80\ud130 \uc2dc\uc791\ud558\uc790. \uc313\uc784 \ub9e5\ub77d\uc758 \ubfcc\ub9ac\uc5d0\ub294 \ub450\uac1c\uc758 DIV #1\uacfc DIV #3\uac00 \uc788\ub2e4. \ub450 DIV\ub294 \ubaa8\ub450 position \uc18d\uc131 \uac12\uc774 relative\ub85c \uc9c0\uc815\ub418\uc5c8\uc9c0\ub9cc z-index \uc18d\uc131 \uac12\uc740 \uc9c0\uc815\ub418\uc9c0 \uc54a\uc558\ub2e4. DIV #1 \uc548\uc5d0\ub294 position \uc18d\uc131 \uac12\uc774 absolute\ub85c \uc9c0\uc815\ub41c DIV #2\uac00 \uc788\uace0 DIV #3 \uc548\uc5d0\ub3c4 position \uc18d\uc131 \uac12\uc774 absolute\uac00 \uc9c0\uc815\ub41c DIV #4\uac00 \uc788\ub2e4. DIV #2\uc640\u314f DIV #4 \ubaa8\ub450 z-index \uc18d\uc131 \uac12\uc740 \uc9c0\uc815\ub418\uc9c0 \uc54a\uc558\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2014-06-24T07:53:55", "review_tags": []}, {"uuid": "625986d5-19df-4695-a540-cb954472a396", "title": "Stacking context example 1", "url": "/zh-TW/docs/Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1", "tags": [], "summary": "<font><font>\u8b93\u6211\u5011\u5148\u5f9e\u4e00\u500b\u57fa\u672c\u7684\u4f8b\u5b50\u3002</font><font>\u6839\u5806\u758a\u60c5\u6cc1\u4e0b\uff0c\u6211\u5011\u6709\u5169\u500bdiv\uff08DIV\uff031\u548c\uff03DIV 3\uff09\uff0c\u5169\u7a2e\u76f8\u5c0d\u5b9a\u4f4d\u7684\uff0c\u4f46\u662f\u5982\u679c\u6c92\u6709\u7684z-index\u5c6c\u6027\u3002</font><font>\u88e1\u9762DIV\uff031\u6709\u4e00\u500b\u7d55\u5c0d\u5b9a\u4f4d\u7684div\uff032\uff0c\u800c\u5728DIV\uff033\u6709\u4e00\u500b\u7d55\u5c0d\u5b9a\u4f4d\u7684div\uff034\uff0c\u96d9\u65b9\u6c92\u6709\u7684z-index\u5c6c\u6027\u3002</font></font>", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2015-05-19T11:14:35", "review_tags": []}], "modified": "2016-07-26T12:15:22", "label": "Stacking context example 1", "localization_tags": [], "locale": "en-US", "id": 2881, "last_edit": "2016-02-09T19:17:45", "summary": "Let's start with a basic example. In the root stacking context we have two DIVs (DIV #1 and DIV #3), both relatively positioned, but without z-index properties. Inside DIV #1 there is an absolutely positioned DIV #2, while in DIV #3 there is an absolutely positioned DIV #4, both without z-index properties.", "sections": [{"id": "Stacking_context_example_1", "title": "Stacking context example 1"}, {"id": "Example", "title": null}, {"id": "HTML", "title": null}, {"id": "CSS", "title": "CSS"}, {"id": "Result", "title": "Result"}, {"id": "See_also", "title": "See also"}, {"id": "Original_Document_Information", "title": "Original Document Information"}], "slug": "Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1", "review_tags": []}