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
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
Nguồn: Levinhad (theo alpertek.wordpress.com)
Không có nhận xét nào:
Đăng nhận xét