{"json_modified": "2015-05-19T11:14:37.725079", "slug": "Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1", "tags": [], "locale": "zh-TW", "title": "Stacking context example 1", "translations": [{"title": "Stacking context example 1", "url": "/en-US/docs/Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1", "tags": ["Understanding_CSS_z-index", "CSS", "NeedsLiveSample", "Advanced"], "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.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-05-14T12:53:57", "review_tags": []}, {"title": "Exemple d'empilement 1", "url": "/fr/docs/Web/CSS/Comprendre_z-index/Exemple_d'empilement_1", "tags": ["CSS", "Comprendre_le_z-index_en_CSS"], "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/CSS/z-index\" title=\"\"><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": "2014-06-23T05:39:29", "review_tags": []}, {"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": []}, {"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": []}], "modified": "2015-05-19T11:14:36", "label": "Stacking context example 1", "localization_tags": ["inprogress"], "url": "/zh-TW/docs/Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1", "last_edit": "2015-05-19T11:14:35", "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>", "sections": [{"id": ".E5.A0.86.E7.96.8A.E7.92.B0.E5.A2.83.E7.AF.84.E4.BE.8B1", "title": "\u5806\u758a\u74b0\u5883\u7bc4\u4f8b1"}, {"id": ".E7.A4.BA.E4.BE.8B.E6.BA.90.E4.BB.A3.E7.A2.BC", "title": "\u793a\u4f8b\u6e90\u4ee3\u78bc"}, {"id": ".E5.8F.A6.E8.AB.8B.E5.8F.83.E8.A6.8B", "title": "\u53e6\u8acb\u53c3\u898b"}, {"id": "Original_Document_Information", "title": "\u539f\u59cb\u6587\u6a94\u4fe1\u606f"}], "id": 151093, "review_tags": []}