Đề bài: [Thiết kế Web] Xếp chồng hai thẻ bằng z-index

Cần ôn lý thuyết? Đọc bài giảng Buổi 8: Thiết kế bố cục (1): mô hình hộp, kích thước và vị trí — khóa Thiết kế Web

Cho HTML sau (.back và .front cùng nằm trong .stack với position: relative, .back và .front đều position: absolute, top: 20px/40px, left: 20px/40px trong template — chỉ cần thêm z-index).

Viết CSS để:

.back có z-index: 1
.front có z-index: 2, đảm bảo .front luôn nằm đè lên trên .back dù thứ tự trong HTML là .back trước.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra