z-index:10000 를 대체하는 top layer
(developer.chrome.com)-
<dialog>
또는 Pop Up API (popup 속성) 이용 - 브라우저의 document 위에 있으므로 Z-index 나 DOM구조 신경쓸 필요 없음
- 나타나는 순서대로 스태킹 됨(맨 마지막이 맨 위, 제거후 다시 추가하면 맨위로)
- 각 엘리먼트별로 ::backdrop 이용해서 뒷면 제어 가능
- Pop Up API : popup=auto|hint|manual, popuptoggletarget/popupshowtarget/popuphidetarget