Мінімальне та максимальне значення z-індексу?

У мене на своїй HTML-сторінці є div. Я показую цей div на основі певної умови, але div відображається за елементом HTML, де я вказав курсор миші.

Я спробував усі значення z-індексу від 0 - 999999. Чи може хто-небудь сказати мені, чому це відбувається?

Чи є якесь мінімальне або максимальне значення властивості Z-INDEX CSS?

.divClass {
     position: absolute; 
     left: 25px; 
     top: 25px; 
     width: 320px;
     height: 300px; 
     z-index: 1000; 
}

<table cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td>
      <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink>
    </td>
  </tr>
  <tr>
     <td>
         <div class="divClass">
           Some Data
         </div>
     </td>
  </tr> 
</table>

Я показую та приховую div з .divClassonclick за <asp:hyperlink>допомогою jQuery.

┌──────────────────────┬───────────────────┬──────────────────────────────────┐
│ Browser              │ Max z─index value │ When exceeded, value changes to: │
╞══════════════════════╪═══════════════════╪══════════════════════════════════╡
│ Firefox 0 - 2        │ 2147483647        │ element disappears               │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Firefox 3            │ 2147483647        │ 0                                │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Firefox 4+           │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Safari 0 - 3         │ 16777271          │ 16777271                         │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Safari 4+            │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Internet Explorer 6+ │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Chrome 29+           │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Opera 9+             │ 2147483647        │ 2147483647                       │
└──────────────────────┴───────────────────┴──────────────────────────────────┘

http://www.w3.org/TR/CSS21/visuren.html#z-index

'z-індекс'

Значення : авто | <цілий> | успадковувати

http://www.w3.org/TR/CSS21/syndata.html#numbers

Деякі типи значень можуть мати цілі значення (позначаються <integer>) або значення дійсних чисел (позначаються <числом>). Реальні числа та цілі числа задаються лише у десятковій нотації. <integer> складається з однієї або декількох цифр "0" до "9". <Число> може бути або <цілим числом>, або це може бути нуль або більше цифр, а потім крапка (.), А потім одна або кілька цифр. Як цілим, так і дійсним числам може передувати "-" або "+" для позначення знаку. -0 еквівалентно 0 і не є від’ємним числом.

Зауважте, що багато властивостей, які дозволяють цілому чи дійсному числу як значення, фактично обмежують значення до деякого діапазону, часто до негативного значення.

Так що в стандарті CSS обмежень для z-індексу немає, але, мабуть, більшість браузерів на практиці обмежують його підписаними 32-бітовими значеннями (−2147483648 до +2147483647) (64 буде трохи вище, і це не має сенсу використовувати щонайменше 32 біти в ці дні)

Мої тести показують, що z-index: 2147483647це максимальне значення, тестоване на FF 3.0.1 для OS X. Я виявив цілу помилку переповнення: якщо ви введетеz-index: 2147483648 (що становить 2147483647 + 1), елемент просто відстає від усіх інших елементів. Принаймні браузер не виходить з ладу.

І урок, який слід засвоїти - це те, що вам слід остерігатися введення занадто великих значень для z-indexвласності, оскільки вони обертаються.

Мінімальне значення Z-індексу - 0 ; максимальне значення залежить від типу браузера.

Це залежить від браузера (хоча остання версія всіх браузерів має перевищувати 2147483638), як і реакція браузера при перевищенні максимуму.

http://www.puidokas.com/max-z-index/

Це максимальне значення цілого числа 32 біта: 2147483647

Також дивіться документи: https://www.w3.org/TR/CSS22/visuren.html#z-index (Негативні номери дозволені)

Не маючи досвіду, я думаю, що правильний максимум z-index- 2147483638.

Z-Index працює лише для елементів, які мають position: relative;абоposition: absolute; до них застосовані застосовані. Якщо це не проблема, нам потрібно переглянути приклад, щоб стати кориснішою.

EDIT: Хороший лікар вже виклав повне пояснення, але швидка версія полягає в тому, що мінімум дорівнює 0, оскільки це не може бути від’ємним числом і максимумом - ну, вам ніколи не потрібно перевищувати 10 для більшості конструкцій.

Я виявив, що часто, якщо z-індекс не працює, оскільки його батьки / брати і сестри не мають вказаного z-індексу.

Тож якщо у вас є:

<div id="1">
    <a id="2" style="z-index:2"></a>
    <div id="3" style="z-index:1"></div>
    <button id="4"></button>
</div>

Пункт №3 або навіть №4, можливо, змагається №2 за простір клацання / наведення курсора, хоча якщо ви встановите # 1 на z-індекс 0, брати і сестри, які z-індекс поміщають їх у незалежні стеки, тепер знаходяться в одному стеку і буде нормально z-індексувати.

Це корисний і досить гуманізований опис: http://foohack.com/2007/10/top-5-css-mistakes/  

Користувач вище каже: "ну, вам ніколи не потрібно буде перевищувати 10 для більшості конструкцій".

Залежно від вашого проекту, вам можуть знадобитися лише z-індекси 0-1 або z-індекси 0-10000. Вам часто потрібно буде грати в більш високі цифри ... особливо якщо ви працюєте з глядачами лайтбоксу (9999 здається, що це стандарт, і якщо ви хочете оформити їх z-індекс, вам потрібно буде перевищити це!)

Хоча INT_MAXце, мабуть, найбезпечніша ставка, WebKit, мабуть, використовує подвійне внутрішнє і, таким чином, дозволяє дуже велику кількість (до певної точності). LLONG_MAXнаприклад, працює чудово (принаймні, у 64-розрядному хромі та WebkitGTK), але буде округлено до 9223372036854776000.

(Хоча вам слід уважно розглянути, чи справді вам справді потрібні такі багато індексів z…).