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
22 CocosDragonJS 샘플을 살펴보고있습니다 1 하늘높이 6844 2013.02.01
21 cocos2d-x HTML5 에 질문이 있습니다. 1 Shinji 8691 2013.01.29
20 Cocos2D-X HTML5 버젼 강좌도 다 사라지고..혹시 책 집필 중이신가요? 1 CHENG 6352 2014.09.14
19 Cocos2d-script 를 eclipse 에서 개발셋팅관련 질문드립니다. 1 swordGaru 8360 2012.05.24
18 cocos2d-javascript와 cocos2d-html5 차이가 무엇인가요? izeye 7593 2013.04.03
17 cocos2d-html5 예제 브라우저별 테스트 중 질문 동근해 7634 2013.07.16
16 cocos2d-html5 로딩페이지 변경하는 방법좀 알려주세요^^; 궁금이~ 7634 2013.04.30
15 cocos2d 배지어곡선구현방법 1 곤도르 5790 2014.05.08
14 cocos2D javascript 에서 씬 이동에 대해 질문 있습니다. 2 file CHENG 6364 2012.09.20
13 cocos2d javascript 설치에서 막혔습니다. 최선한 7177 2013.08.19
12 cocos2d javascript 보안 관련 질문.. 1 루팡 8753 2013.01.30
11 cocos2d javascript 도서 내용 중에서 1 html5game 8596 2013.03.11
10 cocos2d javascript html5 책보고 갤러그개발중에서 ...제발 답변좀 해주세요 저자님... html5game 8756 2013.04.09
9 cocos2d - javascript 메뉴 클릭 강철오이 6412 2013.04.01
8 cocos2d - javascript 로 개발중에 있습니다. 커스텀 다이얼로그 기능에 대한 질문 3 file 강철오이 6877 2013.03.29
7 Canvas위에 다른 html객체 예를 들어 input Text를 올릴 수있나요?? 2 HTML5왕초보 7744 2012.02.02
6 canvas 사이즈 세팅 방법 2 chadol 7777 2013.03.04
5 C# Websocket 관련 질문입니다. 1 코딩쟁이 7827 2012.09.11
4 avi 파일 재생은 안되나요? 1 난리법석 7947 2014.03.11
3 ajax에서 status = 0인 문제 1 송현석 7573 2013.01.24
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