2011-12-19 57 views
55

Có giá trị tối đa/tối thiểu có thể có cho thuộc tính CSS z-index không?
Các trình duyệt khác nhau có các giá trị tối đa/tối thiểu được chấp nhận khác nhau không?
Trình duyệt sẽ xử lý giá trị cao/thấp như thế nào?CSS - giá trị z-index tối đa

Tôi nghĩ rằng tôi đã đọc ở đâu đó một lần về giá trị tối đa z-index. Có lẽ tôi sai.
Cảm ơn bạn trước!

+0

@Indranil Không nhìn thấy câu hỏi đó, nhờ các liên kết! –

Trả lời

97

Đây là các giá trị tối đa.

Browser   Max z-index value When exceeded, value changes to: 
Internet Explorer 6 2147483647 2147483647 
Internet Explorer 7 2147483647 2147483647 
Internet Explorer 8 2147483647 2147483647 
Firefox 2   2147483647 *element disappears* 
Firefox 3   2147483647 0 
Safari 3   16777271 16777271 
Safari 4   2147483647 2147483647 
Chrome 29   2147483647 2147483647 
Opera 9    2147483647 2147483647

Tìm thấy ở đâu đó trên web.

+1

Thú vị! Chrome có xử lý giống như cách Safari không? –

+0

Đăng câu trả lời đó trong một câu trả lời khác. – Netizen110

+3

Tìm thấy thông tin tương tự tại đây: http://www.puidokas.com/max-z-index/. Đây có thể là nguồn. Tuy nhiên, thông tin là từ năm 2009. – AnAurelian

17

Thật đáng ngạc nhiên, đây là giá trị chỉ mục z tối đa của chrome.

.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index') 

Nếu bạn thêm một chữ số hơn nó sẽ đi đến 1e+308

+8

Tôi không nghĩ vậy. Tôi có chrome mới nhất ngay bây giờ và bất kỳ thứ gì lớn hơn '2147483647' đều không hoạt động. –

+1

Số bạn đăng là một số nhỏ hơn 1e + 308 (10^308), do đó, từ mô tả của bạn, tôi không thể theo dõi lý do tại sao đó phải là giá trị được hỗ trợ lớn nhất. Bạn đã thử ví dụ 1e310? – Njol

+0

Thực tế, đặt bất kỳ điều gì ở trên 2147483647 đặt zIndex là 2147483647, tức là 2^31-1. Có sự khác biệt giữa việc đặt giá trị và giá trị thực sự được lưu trữ (và sử dụng) bởi trình duyệt. –

1

Tìm thấy một số thông tin mới từ năm 2012:

"Chrome, Opera và IE9 dường như là trình duyệt chỉ hỗ trợ một giá trị vô hạn đúng đối với chỉ mục z, trong khi Firefox vẫn đang sử dụng 2147483647 và Safari hiện đang tham gia vào một số hành vi làm tròn kỳ lạ sau khi một số vượt quá 16 chữ số. "

Dưới đây là nguồn: World War Z-index

Các vấn đề liên quan