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:

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s