2009年6月13日 星期六

[CSS Trivia #1] z-index

CSS冷知識#1

突然想到幾個沒什麼人知道的CSS/JS冷知識所以寫一寫...本日題目是:z-index
眾所周知z-index是可以用來改變某些*1html element的顯示次序,不過其上限一直沒什麼人在意-因為寫至成千上萬一樣顯示正常,所以大家當所謂上限是不存在的-更有一說為z-index值如超級塞亞人戰鬥力數值一般無限上綱 (by gugod)
不過,想一想就知道這不可能: 眾browser應該沒有處理big number的能力啊?
所以翻了一下Google,果然上限是有的: [Maximum value of z-index]
因為W3C的Spec要求的是個int,一般int是32bit,所以除Safari 3以外各家Browser的z-index上限都是32bit int-2147483647 (2^32)
...不過要是玩過了FF可是會發生靈異事件,所以還是要小心玩太過了...
=========================
*1: z-index只對position設為static以外的element有效-如果是IE則是static及fixed
說起IE和z-index,直至IE 8以前還有一個超噴血的bug...[Conflicting z-index]

沒有留言:

張貼留言