Z endeksinin minimum ve maksimum değeri?

HTML sayfamda bir div var. Bu div bazı koşullara göre gösteriyorum, ama div fare imlecini işaret nerede HTML öğesinin arkasında görüntüleniyor.

0 - 999999 arası z-endeksi için tüm değerleri denedim. Herkes bunun neden olduğunu söyleyebilir misiniz?

CSS'nin Z-INDEX özelliğinin minimum veya maksimum değeri var mı?

.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>

.divClassGösteren ve <asp:hyperlink>kullanarak jQuery kullanarak onclick ile div gizleme .

┌──────────────────────┬───────────────────┬──────────────────────────────────┐
│ 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-endeksi'

Değer : otomatik | <tamsayı> | kalıt

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

Bazı değer türlerinde tamsayı değerleri (<tamsayı> ile gösterilir) veya gerçek sayı değerleri (<sayı> ile gösterilir) olabilir. Gerçek sayılar ve tamsayılar yalnızca ondalık gösterimle belirtilir. Bir <sayı>, "0" ila "9" arasındaki bir veya daha fazla basamaktan oluşur. Bir <sayı> bir <sayı> olabilir veya sıfır veya daha fazla basamak, ardından bir nokta (.) Ve ardından bir veya daha fazla basamak olabilir. Hem tamsayılardan hem de gerçek sayılardan önce işareti göstermek için "-" veya "+" işareti gelebilir. -0, 0'a eşittir ve negatif bir sayı değildir.

Bir tamsayı veya gerçek sayının değer olarak kullanılmasına izin veren birçok özelliğin değeri aslında bir aralıkla, genellikle negatif olmayan bir değerle sınırladığını unutmayın.

Bu yüzden temelde CSS standardında z-endeksi değeri için herhangi bir sınırlama yoktur, ancak çoğu tarayıcı bunu pratikte imzalı 32 bit değerlerle (−2147483648 ila +2147483647) sınırlandırır (64 en üstte olabilir ve 64) Bugünlerde 32 bit'ten az bir şey kullanmak mantıklı değil)

Testlerim z-index: 2147483647, OS X için FF 3.0.1'de test edilen maksimum değer olduğunu gösteriyor . Bir tamsayı taşması hatası keşfettim:z-index: 2147483648 (2147483647 + 1) , öğe diğer tüm öğelerin arkasına gider. En azından tarayıcı çökmez.

Ve öğrenilecek ders, z-indexetrafa sarıldıkları için mülk için çok büyük değerler girmekten kaçınmanız gerektiğidir .

Minimum değeri Z indeksi olan 0 ; maksimum değer tarayıcı türüne bağlıdır.

Bu, tarayıcıya bağlıdır (her ne kadar tüm tarayıcıların en son sürümü 2147483638'de maks. Olmalıdır) ve maksimum aşıldığında tarayıcının tepkisi.

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

32 bit tamsayısının maksimum değeri: 2147483647

Ayrıca şu dokümanlara da bakın: https://www.w3.org/TR/CSS22/visuren.html#z-index (Negatif numaralara izin verilir)

Deneyim dışında, doğru maksimumun z-index2147483638 olduğunu düşünüyorum .

Z-Index yalnızca kendilerine sahip olan position: relative;veya position: absolute;bunlara uygulanan öğeler için çalışır. Sorun bu değilse, daha yararlı olması için bir örnek sayfa görmeliyiz.

DÜZENLEME: İyi doktor zaten tam açıklamayı koydu, ancak hızlı sürüm, minimum 0 olması çünkü negatif bir sayı ve maksimum olamaz - pek çok tasarım için asla 10'un üzerine çıkmanıza gerek kalmayacak.

Z-endeksi, üst / kardeşleri belirli bir z-endeksi olmadığı için çalışmazsa sık sık buldum.

Eğer varsa:

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

madde # 3, hatta # 4, tıklama / fareyle üzerine gelme alanı için # 2'ye itiraz ediyor olabilir, ancak # 1'i z-endeksi 0'a ayarlarsanız, z-endeksi olan bağımsız yığınlara yerleştiren kardeşler şimdi aynı yığın içindedir ve z-endeksini düzgün bir şekilde endeksleyecektir.

Bu yararlı ve oldukça insancıllaştırılmış bir açıklamaya sahiptir: http://foohack.com/2007/10/top-5-css-mistakes/  

Yukarıdaki bir kullanıcı "pek çok tasarım için asla 10'un üzerine çıkmanıza gerek kalmayacak" diyor.

Projenize bağlı olarak, sadece 0-1 z dizinlerine veya 0-10000 z dizinlerine ihtiyacınız olabilir. Sıklıkla daha yüksek rakamlarda oynamanız gerekir ... özellikle ışık kutusu izleyicileriyle çalışıyorsanız (9999 standart gibi görünüyor ve z-endeksini doldurmak istiyorsanız bunu aşmanız gerekecek!)

INT_MAXMuhtemelen en güvenli bahis olsa da, WebKit görünüşte dahili olarak iki katına çıkıyor ve bu nedenle çok büyük sayılara (belirli bir hassasiyetle) izin veriyor . LLONG_MAXörneğin iyi çalışır (en az 64 Bit Chromium ve WebkitGTK'da), ancak 9223372036854776000 olarak yuvarlanır.

(Gerçekten, gerçekten bu kadar çok z endeksine ihtiyacınız olup olmadığını dikkatle düşünmelisiniz ...).