Native Popover

JS 없이 열고 닫는 팝오버

popover 속성과 popovertarget 버튼만으로 토글됩니다.
항상 top-layer라 z-index 위에 떠요.

z-index: 999 박스 - 그래도 팝오버가 이 위에 떠요 (top-layer)

auto 팝오버

바깥을 클릭하거나 Esc를 누르면 닫혀요.

  • 프로필
  • 설정
  • 로그아웃

수동(manual) 팝오버

바깥 클릭으로는 안 닫혀요. 아래 버튼으로 닫습니다.