最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

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> <keygen> <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> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style zIndex Property

例

改变的叠放顺序<img>元素：

document.getElementById("img1").style.zIndex = "1";

定义和用法

zIndex属性设置或返回定位元素的堆叠顺序。

以更大的堆叠顺序的元件(1)总是与堆叠顺序较低的元件的前方(0)

Tip:甲定位元件与所述位置属性设置为一个元件：相对的，绝对的，或固定的。

Tip:如果你想创建重叠元素此属性很有用。

浏览器支持

zIndex属性在所有主流浏览器的支持。

句法

返回zIndex属性：

object .style.zIndex

设置zIndex属性：

object .style.zIndex="auto| 属性值

值	描述
auto	浏览器确定所述元件（基于在文档中的顺序）的堆叠顺序。这是默认
number	限定元件的堆叠顺序的整数。允许使用负值
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	汽车
返回值：	一个字符串，表示元件的堆叠顺序
CSS版本	CSS2

更多示例

例

改变的z-index属性值<div>元素：

document.getElementById("myDIV").style.zIndex = "-1";

例

返回的z-index属性值<img>元素：

alert(document.getElementById("img1").style.zIndex);

相关页面

CSS教程： CSS定位

CSS参考： z-index property