1️⃣ display: none
Element bị ẩn bằng
display: none. Không chiếm không gian.
Selector: #btn-display-none
2️⃣ visibility: hidden
Element bị ẩn bằng
visibility: hidden. Vẫn chiếm không gian.
Selector: #btn-visibility-hidden
3️⃣ opacity: 0
Element có
opacity: 0. Vẫn có thể click được!
Selector: #btn-opacity-zero
4️⃣ Zero Size (0x0)
Element có kích thước 0x0. Không thể click.
Selector: #btn-zero-size
5️⃣ Off-Screen (left: -9999px)
Element nằm ngoài viewport (off-screen).
Selector: #btn-offscreen
6️⃣ pointer-events: none
Element có
pointer-events: none. Visible nhưng không thể click.
Selector: #btn-pointer-none
7️⃣ Disabled Attribute
Element có attribute
disabled. Visible nhưng không interactive.
Selector: #btn-disabled
8️⃣ Covered by Overlay
Element bị che bởi element khác (z-index thấp hơn).
Selector: #btn-covered
9️⃣ Hidden Parent Container
Element visible nhưng parent container bị hidden.
Selector: #btn-hidden-parent
📊 Element Status Summary
Click button để scan tất cả test elements và hiển thị diagnostic.
📋 Diagnostics Log
Hidden Elements Test
Page loaded!