{"json_modified": "2016-08-24T20:39:14.124264", "uuid": "b98702dc-e1da-4499-80e8-7f6f989d829c", "title": "The stacking context", "url": "/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context", "tags": ["Guide", "Understanding_CSS_z-index", "CSS", "Web", "Example", "Advanced"], "translations": [{"uuid": "c711153a-a240-40e5-beb1-e4d6a2577b93", "title": "El contexto de apilamiento", "url": "/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/El_contexto_de_apilamiento", "tags": [], "summary": "El contexto de apilamiento es la conceptualizaci\u00f3n tridimensional de los elementos HTML a lo largo de un eje-Z imaginario relativo al usuario que se asume est\u00e1 de cara al viewport o p\u00e1gina web. Los elementos HTML ocupan este espacio por orden de prioridad basado en sus atributos.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-05-31T22:39:20", "review_tags": []}, {"uuid": "9b19acd4-2cd3-44f0-be88-318903f4e68a", "title": "L'empilement de couches", "url": "/fr/docs/Web/CSS/Comprendre_z-index/Empilement_de_couches", "tags": ["CSS", "Avanc\u00e9", "Guide"], "summary": "Dans l'exemple pr\u00e9c\u00e9dent, <a href=\"/fr/docs/Web/CSS/Comprendre_z-index/Ajout_de_z-index\" title=\"fr/Comprendre_le_z-index_en_CSS/Ajout_de_z-index\">Ajout de z-index</a>, les blocs <em>DIV</em> sont rendus les uns au dessus des autres (de l'arri\u00e8re vers l'avant), en commen\u00e7ant par celui dont la valeur de <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> est la plus faible et en finissant par celui dont la valeur de <code>z-index</code> est la plus forte. Dans cet exemple, il n'y a qu'un seul <em>contexte d'empilement</em>, qui est l'\u00e9l\u00e9ment <code>HTML</code> racine de la page.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-26T14:03:13", "review_tags": []}, {"uuid": "a299f416-402d-4585-91e9-a9426d7ed14d", "title": "\u30b9\u30bf\u30c3\u30af\u6587\u8108", "url": "/ja/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context", "tags": ["Understanding_CSS_z-index", "CSS"], "summary": "\u524d\u56de\u306e\u4f8b\u3001<a href=\"/ja/docs/CSS/Understanding_z-index/Adding_z-index\" title=\"Adding z-index\">z-index \u306e\u8ffd\u52a0</a> \u3067\u306f\u3001\u3042\u308b DIV \u8981\u7d20\u306e\u63cf\u753b\u9806\u304c\u305d\u306e\u8981\u7d20\u306e z-index \u5024\u304b\u3089\u5f71\u97ff\u3092\u53d7\u3051\u3066\u3044\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001DIV \u8981\u7d20\u304c <em>\u30b9\u30bf\u30c3\u30af\u6587\u8108 </em>\u3092\u751f\u3058\u3055\u305b\u308b\u3088\u3046\u306a\u7279\u5b9a\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6301\u3063\u3066\u3044\u305f\u304b\u3089\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-04-25T04:50:24", "review_tags": ["editorial"]}, {"uuid": "4eb01a84-8a42-48d3-9438-b83962d047cb", "title": "\uc313\uc784 \ub9e5\ub77d(stacking context) \uc774\uc57c\uae30", "url": "/ko/docs/Web/CSS/Understanding_z-index/The_stacking_context", "tags": [], "summary": "\uc774\uc804 \uc608\uc81c\uc5d0\uc11c(<a href=\"/ko/CSS/Understanding_z-index/Adding_z-index\" title=\"Adding z-index\">z-index \uc801\uc6a9</a>) \ud2b9\uc815 DIV\uc758 \ub80c\ub354\ub9c1 \uc21c\uc11c\ub294 z-index \uc18d\uc131 \uac12\uc5d0 \uc601\ud5a5\uc744 \ubc1b\ub294\ub2e4\ub294\uac83\uc744 \uc54c\uc558\ub2e4. \uc774 \ud604\uc0c1\uc740 DIV\ub4e4\uc774 \uac00\uc9c4 \ud2b9\ubcc4\ud55c \uc18d\uc131 \ub54c\ubb38\uc5d0 \uadf8\ub807\ub2e4. \ubc14\ub85c \uc313\uc784 \ub9e5\ub77d(stacking context)\uc744 \ud615\uc131\ud55c\ub2e4\ub294 \uac83\uc774\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2014-06-26T20:33:54", "review_tags": []}, {"uuid": "8e3ffa34-881d-4606-840e-ee7bc664f4ff", "title": "O Contexto de Empilhamento", "url": "/pt-BR/docs/Web/Guide/CSS/Understanding_z_index/O_contexto_de_empilhamento", "tags": [], "summary": "A stacking context is formed, anywhere in the document, by any element which is either", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2015-04-29T13:46:00", "review_tags": []}, {"uuid": "bd1c79f4-023a-4013-8107-489df3ceb3fa", "title": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f (stacking context)", "url": "/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context", "tags": [], "summary": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f (stacking context) \u044d\u0442\u043e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f \u0442\u0440\u0435\u0445\u043c\u0435\u0440\u043d\u043e\u0433\u043e\u00a0\u0440\u0430\u0437\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u00a0HTML \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u0434\u043e\u043b\u044c \u043e\u0441\u0438 Z , \u043f\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044e \u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0435\u043c\u0443\u0441\u044f \u043f\u0435\u0440\u0435\u0434 \u044d\u043a\u0440\u0430\u043d\u043e\u043c.\u00a0 HTML \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442 \u044d\u0442\u043e \u043c\u0435\u0441\u0442\u043e \u043f\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0443, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u043c\u0443 \u043d\u0430 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-11-09T07:14:32", "review_tags": ["technical", "editorial"]}, {"uuid": "7459f908-fb23-4c62-baaf-762fd26adb40", "title": "The stacking context", "url": "/zh-CN/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context", "tags": ["z-index", "Understanding_CSS_z-index", "CSS", "\u6559\u7a0b", "\u9ad8\u7ea7", "Web", "Advanced"], "summary": "\u5c42\u53e0\u4e0a\u4e0b\u6587\u662fHTML\u5143\u7d20\u7684\u4e09\u7ef4\u6982\u5ff5\uff0c\u8fd9\u4e9bHTML\u5143\u7d20\u5728\u4e00\u6761\u5047\u60f3\u7684\u76f8\u5bf9\u4e8e\u9762\u5411\uff08\u7535\u8111\u5c4f\u5e55\u7684\uff09\u89c6\u7a97\u6216\u8005\u7f51\u9875\u7684\u7528\u6237\u7684z\u8f74\u4e0a\u5ef6\u4f38\uff0cHTML\u5143\u7d20\u4f9d\u636e\u5176\u81ea\u8eab\u5c5e\u6027\u6309\u7167\u4f18\u5148\u7ea7\u987a\u5e8f\u5360\u7528\u5c42\u53e0\u4e0a\u4e0b\u6587\u7684\u7a7a\u95f4\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-05-09T19:34:09", "review_tags": []}], "modified": "2016-08-24T20:39:13", "label": "The stacking context", "localization_tags": [], "locale": "en-US", "id": 2883, "last_edit": "2016-05-04T18:02:38", "summary": "Stacking context is the three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes.", "sections": [{"id": "The_stacking_context", "title": "The stacking context"}, {"id": "The_example", "title": null}, {"id": "Example", "title": null}, {"id": "HTML", "title": null}, {"id": "Division_Element_.231", "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/The_stacking_context", "review_tags": []}