Z索引的最小值和最大值？

個人HTML頁面中有一個div。 我正在根據某些條件顯示此div，可是div顯示在指向鼠標光標的HTML元素後面。

我嘗試了全部0-999999的z-index值。有人能夠告訴我爲何會這樣嗎？

CSS的Z-INDEX屬性是否有最小值或最大值？

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

我正在使用jQuery經過<asp:hyperlink>顯示和隱藏帶有.divClass onclick的div。

---

#1樓

它是32位整數的最大值：2147483647

另請參閱文檔： https : //www.w3.org/TR/CSS22/visuren.html#z-index （容許使用負數）

---

#2樓

雖然INT_MAX多是最安全的選擇，但WebKit顯然在內部使用double，所以容許很是大的數字（達到必定的精度）。 LLONG_MAX例如能夠正常工做（至少在64位Chromium和WebkitGTK中有效），但將四捨五入爲9223372036854776000。

（儘管您應該仔細考慮是否真的須要這麼多的z索引...）。

---

#3樓

一個奇怪的事實是，若是您使用Firebug之類的編輯器並在z-index放入較大的數字，則瀏覽器會將最大插入值替換爲最大值

---

#4樓

我發現，若是z-index不能正常工做，一般是由於其父/兄弟沒有指定的z-index。

所以，若是您有：

<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-index 0，則z-index的兄弟姐妹如今將它們放在獨立堆棧中並將正確地對z-index進行索引。

這是一個有用且至關人性化的描述： http : //foohack.com/2007/10/top-5-css-mistakes/

---

#5樓

┌──────────────────────┬───────────────────┬──────────────────────────────────┐
│ 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                       │
└──────────────────────┴───────────────────┴──────────────────────────────────┘