Eveningstar

[레이어 팝업을 버튼을 클릭한 부모영역에서 바로 열기] 1. 팝업 html 영역을 아래와 같이 잡았다면 제자리에서 팝업열기가 가능함.css position 값을 이용하여 화면에서 위치값 조절 가능 부모 : position:relative자식 : position: absolute 개인적으로 불편한 점 -> 부모태그안에 자식태그(팝업)을 넣어줘야함 2. position : fixed를 사용하여 제자리 팝업 열기 2-1)부모 : position:relative자식 : position: fixed 2-2)부모 : position 상관없음자식 : position: fixed 단점 : 세로값이 정해진 크기에서만 fixed된 영역이 보여서 내용이 길면 스크롤이 안생김(내용물을 다 열람할수없음)특히 모바일에선 fixe..

문제 상황 : - 클릭시 오픈된 레이어 팝업으로 키보드 포커싱이 이동하지 않고, 팝업 닫기 후 기존 페이지로 포커싱 이동이 안됨 → 레이어 팝업 활성화 시, 키보드는 레이어 안으로 반드시 이동해야 함 "a태그"와 "레이어 팝업" 1) 키보드 초점을 순서대로 옮겨지도록 팝업 오픈 버튼(앵커 태그) 클릭 후 레이어가 열리는 순간 초점을 레이어로 옮기기(타겟 레이어에 tabindex=0 사용)2) 레이어팝업 안에서 초점이 순서대로 이동해야 하며, 레이어의 상태를 display:block으로 만들어 준다.3) 레이어 팝업을 닫으면, 초점은 레이어 팝업을 열었던 곳으로 이동해야한다. HTML 123456789101112131415 레이어팝업! 내용 홈페이지 대표메일 Close Colored by Color Scr..