Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp 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

<Style Object

пример

Изменение порядка стека в <img> элемента:

document.getElementById("img1").style.zIndex = "1";
Попробуй сам "

Определение и использование

Наборы собственности ZIndex или возвращает порядок стека позиционированного элемента.

Элемент с большим порядком стека (1) всегда находится в передней части другого элемента с более низким порядком стека (0) .

Tip: позиционированный элемент является элементом с позицией набором свойств к: относительному, абсолютному или фиксированному.

Tip: Это свойство полезно , если вы хотите создать перекрывающиеся элементы.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство ZIndex поддерживается во всех основных браузерах.


Синтаксис

Возвращает свойство ZIndex:

object .style.zIndex

Установите свойство ZIndex:

object .style.zIndex="auto| Значения свойств
Стоимость Описание
auto Браузер определяет порядок стека элемента (на основании его порядка в документе). Это по умолчанию
number Целое число, которое определяет порядок стека элемента. Отрицательные значения разрешены
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: авто
Возвращаемое значение: Строка, представляющая порядок стека элемента
CSS версия CSS2

Еще примеры

пример

Изменение г-значения индекса свойства <div> элемент:

document.getElementById("myDIV").style.zIndex = "-1";
Попробуй сам "

пример

Возвращает Z-значение индекса свойства <img> элемента:

alert(document.getElementById("img1").style.zIndex);
Попробуй сам "

Похожие страницы

CSS учебник: CSS Позиционирование

Ссылка CSS: z-index property


<Style Object