Nâng CaoCSS iconCSS

Popover API và CSS liên quan là gì?

Popover API là tính năng native HTML tạo popover, tooltip, dropdown mà không cần JS cho logic hiển thị/ẩn.

  • Cách dùng: thêm popover vào element, popovertarget trên trigger: <button popovertarget="my-pop">Open</button><div id="my-pop" popover>Content</div>
  • Browser tự xử lý: top layer (trên mọi z-index), light dismiss (click ngoài để đóng), focus management.
  • CSS styling: :popover-open khi đang mở, ::backdrop cho overlay phía sau.
  • Thay thế nhiều thư viện JS popover phức tạp trước đây.

Xem toàn bộ CSS cùng filter theo level & chủ đề con.

Mở danh sách CSS