@pjumble đúng khi muốn thay đổi chỉ mục z. Sự cố bạn đang gặp phải có thể liên quan đến mức độ ưu tiên của bộ chọn CSS.
Khi xác định các định dạng CSS, bạn có thể viết các câu lệnh bộ chọn theo 3 cách cơ bản, đồng thời trộn và kết hợp các định dạng này nếu cần cho các định nghĩa bộ chọn nâng cao. Dưới đây là 3 phương pháp cơ bản
1.
Lớp học trông như thế này.
.class1
{
color:blue;
cỡ chữ: 24px;
background-color:red;
}
Đây là mức ưu tiên thấp nhất
2.
ID trông như thế này.
#id1
{
màu: vàng;
cỡ chữ: 12px;
}
Đây là mức độ ưu tiên trung bình
3. Nhãn trông như thế này.
phân chia
{
màu sắc: xanh lá cây;
}
Điều này có mức độ ưu tiên cao nhất. Điều này luôn có vẻ phản trực giác đối với tôi. Nếu tôi xác định định dạng cấp ID, bạn sẽ nghĩ nó sẽ được ưu tiên hơn định dạng tên thẻ, nhưng thực tế không phải vậy.
Đây là một ví dụ về những gì tôi đang nói đến.
Vì vậy, đối với một yếu tố như thế này
Chữ
"Văn bản" ở đây sẽ có nền màu đỏ vì "class1" là định nghĩa duy nhất có màu nền.
Nhưng cả "id1" và "class1" đều có kích thước phông chữ được xác định, do đó định nghĩa lớp bị bỏ qua và id được sử dụng để tạo "Văn bản" 12px.
Sau đó, cả ba đều xác định "màu" và người chiến thắng là "Div" làm cho "Văn bản" có màu xanh lục.
Vì vậy, khi bạn viết cài đặt của mình như thế này,
#lightbox có chỉ số z là 100, .gallerylayer có chỉ số z là 1000
Ý tưởng của bạn là đúng, nhưng định nghĩa của bạn về ".gallerylayer" là một lớp, nếu nhãn hoặc id của mã đó được xác địnhchỉ số z
, định nghĩa lớp học của bạn chỉ số z = 1000;
sẽ bị bỏ qua.
Để đảm bảo định nghĩa không bị bỏ qua, tôi sẽ đưa ra phần bao gồm class='lớp thư viện'
gắn thẻ và thêm một id='cái gì đó độc đáo'
thuộc tính và sử dụng nó để xác định quy tắc chỉ mục z.
Nhưng cách tốt nhất để kiểm tra là sử dụng con bọ lửa Tiện ích bổ sung Firefox và sử dụng công cụ chọn thành phần để xem kiểu nào đang được áp dụng và kiểu nào đang bắt đầu bị bỏ qua trên trang.
Để biết thêm thông tin về bộ chọn, hãy thử xem đâyNó sẽ cung cấp cho bạn tất cả các tài liệu bạn cần.
Hy vọng điều này sẽ giúp.
Tôi là một lập trình viên xuất sắc, rất giỏi!