Anonim

Một vài tháng trước, tôi đã ra mắt một trang web mới và nhận được một khiếu nại rằng quảng cáo bảng xếp hạng đã xuất hiện phía trên menu thả xuống mà tôi có trên trang. Đủ đơn giản, tôi đã kiểm tra css của quảng cáo, thấy rằng nó có chỉ số z là 999 và tăng chỉ số z trên menu lên 1.000. Vấn đề được giải quyết. Một vấn đề tương tự một vài tuần sau đó, đã tăng lên 10.000. Hôm nay tôi lại phải kiểm tra một quảng cáo khác gây ra vấn đề tương tự. Nó có chỉ số 1 triệu. Thật khó chịu.

Điều đó khiến tôi băn khoăn, giá trị tối đa mà tôi có thể đặt chỉ số z là bao nhiêu. Nhìn vào các tài liệu CSS khác nhau, dường như không có giá trị tối đa được chỉ định. Câu trả lời, trong Firefox, IE và Chrome là:

2147483647

Đó là giá trị được ký tối đa của số nguyên 32 bit. Về mặt kỹ thuật, tôi sẽ tưởng tượng giới hạn này xuất phát từ ngôn ngữ lập trình mà trình duyệt được tạo ra. Tôi chắc chắn rằng có một số trình duyệt cũ hơn khi đặt nó thành giá trị này có thể khiến điều gì đó bị phá vỡ. Công cụ thú vị mặc dù. Vì vậy, nếu bạn muốn chắc chắn rằng phần tử của bạn hoàn toàn chắc chắn 100% trên đầu trang, hãy đặt nó thành 2147483647. Vấn đề đã được giải quyết. Tuy nhiên, trong thực tế, tôi thấy rất khó chịu khi một quảng cáo đã đặt nó ở một con số cao như vậy. Xem xét trên bất kỳ trang nào, sẽ có một số lượng rất hạn chế, đặt nó thành một số lượng nhỏ hơn nhiều nên thực hiện thủ thuật.

Giá trị chỉ số z css tối đa