Style zIndex 属性

ကိုက်လော့လ်ဝါကွီ တွင်လက်ရှိ

ဟယ်လ် ပုံစံရင်း စာကြိုး
Browser Script
Server Script
ပြုလုပ်ပညာ စာကြိုး
မက်ယ်လ် ပုံစံရင်း စာကြိုး
လူပျူပျူ စာကြိုး
ကြုံတင်ပြ စာကြိုး

Schedule

JS Reference Manual

JS Reference Manual (Category Order)
JS Reference Manual (Alphabetical Order)

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS Operator
JS Operator Precedence
JS Statement
JS Typed Array

Window

ဝင်ရိုး အကွင်း ကြုံတင်ပြ စာကြိုး
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Object
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API သိပ်သင့်ခြင်း
API သုတေသန
Web API

HTML အဖွဲ့

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အပြား"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အပြား"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အပြား"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အပြား"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အပြား"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အပြား"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အပြား"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အပြား">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဘောင်းကုန်း">CodeW3C.com ဘောင်းကုန်း</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style zIndex 属性</h1> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် အပြီး <a href="/my/jsref/prop_style_widows.html" title="Style widows အခြေအနေ">widows</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/prop_style_aligncontent.html" title="Style alignContent အခြေအနေ">alignContent</a></li> <li> အဆင်းပြင် ပြန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style 对象">HTML DOM Style 对象</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>zIndex</code> 属性设置或返回定位元素的堆叠顺序。</p> <p>具有较大堆叠顺序 (1) 的元素始终位于具有较低堆叠顺序 (0) 的另一个元素之前。</p> <p class="tip"><span>提示：</span>定位元素是 <a href="/my/jsref/prop_style_position.html" title="Style position အခြေအနေ">position 属性</a> 设置为：<code>relative</code>、<code>absolute</code> 或 <code>fixed</code> 的元素。</p> <p class="tip"><span>提示：</span>如果要创建重叠元素，此属性很有用。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/my/css/css_positioning.html" title="CSS အစိတ်အစိတ်">CSS အစိတ်အစိတ်</a></p> <p>CSS 参考手册：<a href="/my/cssref/pr_pos_z-index.html" title="CSS z-index အခြေအနေ">z-index 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>更改 <img> 元素的堆叠顺序：</p> <pre class="language-js"> document.getElementById("img1").style.zIndex = "1"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_zindex_1">亲自试一试</a></p> <h3>例子 2</h3> <p>更改 <div> 元素的 z-index 属性值：</p> <pre class="language-js"> document.getElementById("myDIV").style.zIndex = "-1"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_zindex_div">亲自试一试</a></p> <h3>例子 3</h3> <p>返回 <img> 元素的 z-index 属性值：</p> <pre class="language-js"> alert(document.getElementById("img1").style.zIndex); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_zindex_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 zIndex 属性：</p> <pre><i>object</i>.style.zIndex</pre> <p>设置 zIndex 属性：</p> <pre><i>object</i>.style.zIndex = "auto|<i>number</i>|initial|inherit"</pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td>auto</td> <td>浏览器确定元素的堆叠顺序（基于它在文档中的顺序）。默认。</td> </tr> <tr> <td><i>number</i></td> <td>定义元素的堆叠顺序的整数。允许负值。</td> </tr> <tr> <td>initial</td> <td>အချက်အလက် ကို မူကျခြင်း သုံးပြီး သတင်းပေးခြင်း ကို ကြည့်ရှုရန် <a href="/my/cssref/css_initial.html" title="CSS initial အကြောင်းအရာ">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>အဖွဲ့အစည်းအဖြစ် အသုံးပြုသော အချက်အလက် ကို သုံးပြီး သတင်းပေးခြင်း ကို ကြည့်ရှုရန် <a href="/my/cssref/css_inherit.html" title="CSS inherit အကြောင်းအရာ">inherit</a>。</td> </tr> </table> </div> <div> <h2>နည်းပါးလျှင်</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">မူကျခြင်း:</th> <td>auto</td> </tr> <tr> <th>ပြန်လည်သတင်း:</th> <td>သုံးဖူးသည့် အချက်အလက် အစိတ်အပိုင်း အဆက်အစပ်ဖော်ပြခြင်း。</td> </tr> <tr> <th>CSS ပုံစံကုဒ်:</th> <td>CSS2</td> </tr> </table> </div> <div> <h2>ဘာသာစကား အပြောင်းလဲ</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် အပြီး <a href="/my/jsref/prop_style_widows.html" title="Style widows အခြေအနေ">widows</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/prop_style_aligncontent.html" title="Style alignContent အခြေအနေ">alignContent</a></li> <li> အဆင်းပြင် ပြန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style 对象">HTML DOM Style 对象</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> အက်ဖွဲ့ </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">ဂျက်စ်တိုး နှင့် ဟယ်လ် ဒိုင်မော် ကြုံတင်ပြ စာကြိုး</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှတ်အသား</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript အခန်းကဏ္ဍ</a></h5> </div> <div><h3><center> ထောက်ပံ့သူ ချက်ခံ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ဖော်ပြသော အသုံးပြုခြင်း သုံးသပ်ခြင်း မရှိ။ အမှုသန်းသွားခြင်း မှ ပေါ်ပေါက်သော အကျိုးသက်ရောက်မှုများ မှ ကွန်ရက် မှ ကြောင်းလုပ်ခြင်း မရှိ။ စာပေခွင့် မှာ အခွင့်အရေး အားဖြင့် အခွင့်အရေး မရှိ။ </p> <p id="p2"> <a href="/my/about/index.html" title="အခြေခံ CodeW3C.com">အခြေခံ CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း အခြေခံ">အသုံးပြုခြင်း အခြေခံ</a> <a href="/my/about/about_privacy.html" title="သတင်းအချက်အလက် အခြေခံ">သတင်းအချက်အလက်</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပါဝါနိုင်ငံပါတီ ခေါ်ဆိုကြောင်း"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>