HTML Popover API에서 popover 속성을 가진 요소의 특징으로 올바른 것은?

Q: HTML Popover API에서 popover 속성을 가진 요소의 특징으로 올바른 것은?

최상위 레이어(top layer)에 표시되어 z-index 충돌 없이 다른 요소 위에 나타난다 Popover API를 사용한 요소는 브라우저의 최상위 레이어(top layer)에 렌더링되므로 z-index 관리가 필요 없습니다. popovertarget 속성으로 HTML만으로도 열고 닫을 수 있으며, '가벼운 닫기(light dismiss)'로 외부 클릭 시 자동으로 닫힙니다.

보통 MDN Web Docs

보기 및 정답

A 최상위 레이어(top layer)에 표시되어 z-index 충돌 없이 다른 요소 위에 나타난다

B 반드시 페이지 최하단에 고정되며 스크롤에도 영향을 받지 않는 위치에 표시된다

C CSS로 스타일을 변경하는 것이 완전히 불가능하며 브라우저가 제공하는 기본 디자인만 사용 가능하다

D JavaScript에서만 열 수 있고, HTML 속성으로는 제어 불가능하다

해설

Popover API를 사용한 요소는 브라우저의 최상위 레이어(top layer)에 렌더링되므로 z-index 관리가 필요 없습니다. popovertarget 속성으로 HTML만으로도 열고 닫을 수 있으며, '가벼운 닫기(light dismiss)'로 외부 클릭 시 자동으로 닫힙니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

HTML Popover API에서 popover 속성을 가진 요소의 특징으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩