[Wargame.kr] flee button 풀이

오늘의 두번째 문제 flee button 문제! 

 

flee button ( 84point )

1. 처음화면 

페이지로 들어가보면, 마우스커서를 따라 'click me' 가 따라 오는 것을 볼수 있다.

문제 해결을 위해서는 저 'click me'를 눌러야 되는데,  커서를 따라 오지 않도록 코드를 수정해보자.

flee button 처음화면

 

 

2. 개발자 모드 F12 를 눌러, click me의 위치 코드 position : absolute 를 지워주자.

 

position : absolute 옆의 left, top 의 값은 마우스 커서 위치에 따라 값이 바뀌는 것을 볼 수있다.

박스의 배치 : position 정적 배치 : static (디폴트) 상대 배치 : relative // 기본 위치에서 left, top, right, bottom 프로퍼티의 값만큼 이동한 '상대위치'에 위치 절대 배치 : absolute // 절대 배치는 브라우저의 크기가 변해도 태그 위치는 변하지 x 고정 배치 : fixed  //브라우저 하단 오른쪽에 고정할때 쓰이기도 함 유동 배치 : float : left 혹은 float : right  //브라우저 오른쪽에 항상 배치할때 쓰임

 

원래 코드 

바뀐코드 ( position : absolute 를 지움)

 

 

3. 이제 고정된 click me를 더블클릭하자.

그러면 flag 값이 있는 페이지로 넘어가게 된다.

FLAG : 7180e0042422552a8ddd287c4f00dab8074496d7

고정된 click me 

 

click me시 페이지를 이동하고, flag값을 확인 가능함.

 

4. 문제 해결!

flag 값을 입력하고 Auth 누르자!