Skip to content
(*.170.115.99) 조회 수 6007 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print Files
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print Files
html을 사용할때

css로 position을 absolute나 fixed를 사용해서 전체 화면을 가릴 경우가 있잖아요.

그럴 때 button 위에 다른 dom레이어가 있으면 아래에 있는 button은 클릭이 안되잖아요.

그럴 때 위에 있는 레이어를 무시하고 아래에 있는 레이어를 클릭하게 하게끔할려고하는데,
단순히 click을 인계하는게 아니라, 위에 깔려있는 레이어를 그냥 무시하게 할 수 없나요?




이해를 돕기 위해 아래 사진을 구성해봤습니다.


이렇게 총 3개의 레이어가 있습니다.

q1.jpg





이걸 position:absolute; left:0px; top:0px로 해서 모아보면 왼쪽과 같은 모습이 되죠.

여기서 layer1에 있는 버튼을 클릭하려고합니다.        그런데 오른쪽처럼 제일 위에잇는 Layer3에 막혀서 아래에 있는 Layer1에는 클릭이 전달되지 않잖아요.
q2.jpg




그런데 제가 원하는건 왼쪽에서처럼 layer 1,2,3이 모두 보이지만, 위에있는 2,3을 무시하고 layer1의 버튼을 클릭하는 것입니다.

q3.jpg




//-- 
jQuery를 사용해서 layer3의 좌표를 케치한뒤 layer1.button.click()을 호출하는 꼼수같은 방법도 있긴하지만, 그런 방법은 산발적인 버튼이나, 여러개의 버튼을 하기에, 그리고 인터렉티브의 요소로는 쓰기 번거로움이 있고,

그 방법은 클릭에만 해당되며, scroll을 하는것에는 영향을 미칠 수가 없잖아요. 그래서 방법을 찾아볼려고합니다. 

방금 말한듯한 layer3을 통해서 발생하는 꼼수가 아니라,   layer3을 거치지 않고 직접 layer1로 호출되게 하는 방법을 알고싶습니다.
  • ?
    신큰특스 2014.08.11 16:46 (*.162.235.3)
    찾아봐야 알겠지만 일단은 떠오르는게 말씀하신 것처럼 버튼 좌표를 통해서 감지하는 것 말고는 없네요.

List of Articles
번호 제목 글쓴이 조회 수 날짜
공지 소스 코드는 Code Highlighter를 이용해주세요. sincntx 20309 2010.08.30
공지 개발Q&A 이용 안내 sincntx 20608 2010.08.30
122 html 웹접근성에 대해 질문합니다. 초보개발자 23 2018.09.06
121 html5 canvas 이미지 저장을 어떻게 해야 할까요? tree 210 2018.02.08
120 완벽하게 동일하게 적힌 두 CSS 파일이 서로 다르게 적동합니다. 이모작 601 2017.12.07
119 네이버 영어 뉴스 단어 클릭시 뜨는 팝업 file 포로리 4642 2015.11.14
118 웹소켓 질문있습니다. 시나공공 4114 2015.10.01
117 <style>태그로 이미지1장, 이름, 주소, 전화번호, 상세정보, 메모 등의 정보를 한번에 표현해 주면서 원하는 모양으로 레이아웃을 잡는 방법이 있을지 질문드려봅니다. 소서러 4872 2015.04.28
116 환경 설정 부터 막히네요...ㅠㅠ.... 천상천사 7886 2014.11.04
115 Cocos2D-X HTML5 버젼 강좌도 다 사라지고..혹시 책 집필 중이신가요? 1 CHENG 6347 2014.09.14
114 html5 cavas 객체저장 1 냥냥 6099 2014.07.25
» html dom을 리스너에 넣지 않는 방법에 대해 알고싶습니다.. 1 file 시온스 6007 2014.06.24
112 cocos2d 배지어곡선구현방법 1 곤도르 5790 2014.05.08
111 html5에서 나모에서 쓰던것처럼 프레임셋 ? 어떻게 쓰나요? 1 클라우드 6316 2014.04.14
110 avi 파일 재생은 안되나요? 1 난리법석 7824 2014.03.11
109 epub3에 관련하여 html5를 배워보려고 하는데, 제가 구현하려고 하는 것이 가능한지 궁금합니다. 1 정쪼쪼 6077 2014.03.11
108 (질문드려요) 특정 게시판만 보기 1 file 샤인규 8063 2014.02.19
107 책구매하고 왔는데요 답도없네요; 1 리상사 7073 2014.01.21
106 cocos2d javascript 설치에서 막혔습니다. 최선한 7167 2013.08.19
105 cocos2d-html5 예제 브라우저별 테스트 중 질문 동근해 7630 2013.07.16
104 HTML5 에서 OBJ파일을 지원 하나요?? 아님 읽어들일 수 있는 방법은? 깝죽대기 7624 2013.06.21
103 eclipse 에서 폰트/색상 변경 방법 알려주세요~ file 껌나무 7994 2013.06.05
Board Pagination ‹ Prev 1 2 3 4 5 6 7 Next ›
/ 7

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5