{"json_modified": "2015-11-09T07:14:35.455467", "slug": "Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context", "tags": [], "locale": "ru", "title": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f (stacking context)", "translations": [{"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", "Advanced", "Web", "Example", "Guide", "NeedsLiveSample"], "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.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-11-05T13:06:29", "review_tags": []}, {"title": "L'empilement de couches", "url": "/fr/docs/Web/CSS/Comprendre_z-index/L%27empilement_de_couches", "tags": ["CSS", "Comprendre_le_z-index_en_CSS"], "summary": "Dans l'exemple pr\u00e9c\u00e9dent, <a href=\"/fr/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/CSS/z-index\" title=\"\"><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": "2014-06-23T05:39:29", "review_tags": []}, {"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": []}, {"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"]}, {"title": "The stacking context", "url": "/zh-CN/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context", "tags": [], "summary": "\u5728\u4e0a\u4e00\u4e2a<a href=\"/en-US/docs/CSS/Understanding_z-index/Adding_z-index\" style=\"line-height: 1.5;\" title=\"Adding z-index\">\u589e\u52a0z-index</a>\u7684<span style=\"line-height: 1.5;\">\u4f8b\u5b50\u4e2d,\u00a0</span><span style=\"line-height: 1.5;\">\u67d0\u4e2a DIVs \u7684\u6e32\u67d3\u987a\u5e8f\u662f\u7531 z-index \u7684\u503c\u5f71\u54cd\u7684.\u00a0</span>\u8fd9\u662f\u56e0\u4e3a\u8fd9\u4e9b DIVs \u5177\u6709\u7279\u6b8a\u5c5e\u6027,\u4f7f\u4ed6\u4eec\u5f62\u6210\u4e00\u4e2a\u53e0\u52a0\u4e0a\u4e0b\u6587<em>\u5c42\u53e0\u4e0a\u4e0b\u6587</em><span style=\"line-height: 1.5;\">.</span>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-07-20T01:02:39", "review_tags": ["editorial"]}, {"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": []}], "modified": "2015-11-09T07:14:34", "label": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f (stacking context)", "localization_tags": ["inprogress"], "url": "/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context", "last_edit": "2015-11-09T07:14:32", "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.", "sections": [{"id": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442_\u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f", "title": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}, {"id": "The_example", "title": null}, {"id": "Example_Source_Code", "title": null}, {"id": "Division_Element_.231", "title": "Division Element #1"}, {"id": "Division_Element_.232", "title": "Division Element #2"}, {"id": "Division_Element_.233", "title": "Division Element #3"}, {"id": "Division_Element_.234", "title": "Division Element #4"}, {"id": "Division_Element_.235", "title": "Division Element #5"}, {"id": "Division_Element_.236", "title": "Division Element #6"}, {"id": "See_also", "title": "See also"}, {"id": "Original_Document_Information", "title": "Original Document Information"}], "id": 165669, "review_tags": ["technical", "editorial"]}