10 cách ẩn phần tử bằng CSS

Xem xét dưới góc độ khả năng tương thích, khả năng truy cập, việc thay đổi bố cục, hoạt ảnh, xử lý sự kiện và hiệu năng

1. opacity, filter:opacity()

2. alpha của color

3. transform

4. clip-path

5. visibility

6. display

7. hidden

8. position

9. overlay ::after

10. giảm width, height

[xguru]

Tôi trước giờ hầu như chỉ dùng display:none, nên đã nghĩ là cần gì phải làm đến mức này,

nhưng phần có thể ẩn đi mà vẫn giữ nguyên bố cục thì khá hay.

Nghĩ vậy thì có vẻ cách số 5 hoặc số 3, vốn có tính tương thích tốt, cũng khá hữu dụng.