Skip to content
(*.170.115.99) 조회 수 6013 추천 수 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 20847 2010.08.30
120 의문점이 있습니다 1 jen byuing 6583 2010.10.08
119 phonegap 로 iphone app 개발 공부 좀 하려고 합니다. 3 삼이 8138 2010.10.09
118 phoegap file 접근 질문이요 1 intruder 7214 2010.10.25
117 phonegap fileupload... intruder 10946 2010.11.01
116 강좌란을 보고 잘보고 있습니다. 그런데 다운로드가 안되더군요. 1 터보바보 6955 2010.11.03
115 홈페이지 메인에요 검색하는거요 qkr성 7700 2011.06.02
114 안드로이드 어플 사운드 문제 BoniK 8674 2011.06.15
113 홈페이지 제작 질문인데요 펑키아이 6492 2011.07.10
112 html5 와 3D MAX 를 이용한 게임 개발 질문입니다 1 이병만 7543 2011.09.19
111 질문입니다~!~ Canvas로 동그라미 그리기 애니메이션~ 1 아이큐점프 8966 2011.10.08
110 html5 에서 사진옆에 글을 쓰면 밑으로 내려가던데.. 옆으로 붙일수없나요..ㅠㅠ 1 html6 6600 2011.12.01
109 phoneGap에 대하여 궁금한 것이 있습니다. 1 내멋으로 6763 2011.12.13
108 image에 깊이?설정이 가능한가요? 1 겨울의바다 6792 2012.01.02
107 Canvas위에 다른 html객체 예를 들어 input Text를 올릴 수있나요?? 2 HTML5왕초보 7744 2012.02.02
106 폰갭으로 알림기능이 가능한가요? 1 찡구 9023 2012.02.03
105 막 HTML5 시작한 초보 입니다. 반응형 웹 질문이요. 1 개발자 6967 2012.02.22
104 웹페이지와 모바일 웹페이지의 차이점에 대해서 알고 싶습니다. 1 파레피레 6099 2012.03.13
103 [HTML5] WebSocket 이용한 이미지 파일 스트리밍(전송) 1 MoonMadness 13880 2012.03.23
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