Phân tầng trong CSS

Khi muốn các tầng trong CSS lồng ghép với nhau theo 1 trật tự từ ngoài vào trong, bạn có thể sử dụng thuộc tính z-index. z-index cao hơn thể hiện tầng/lớp (layer) đó có thứ tự cao hơn tính từ trong ra ngoài. Ví dụ: nếu bạn muốn dòng chữ có thể nằm đè lên trên một tấm ảnh, bạn thiết lập z-index của dòng chữ lớn hơn bức ảnh đó.
Một lưu ý, khi sử dụng z-index, bạn cũng cần đồng thời khai báo thêm thuộc tính position (relative hay absoluted đều được). Điều này rất ít người để ý khi thử dùng z-index và thấy không có tác dụng 🙂

Bạn có thể tham khảo thêm bài viết
CSS Layers

Technorati Tags: z-index