2011-01-24 2 views
9

HTML- 텍스트를 오버레이 할 그래픽 효과가 있다고 가정 해 보겠습니다. 이 요소는 사이트의 유용성을 방해해서는 안되며 대화 형 목적을 가지고 있지 않습니다. 캔버스와 같이 특정 html 개체에서 모든 마우스 상호 작용을 사용하지 않도록 설정하여 기본 개체와 계속 상호 작용 (링크를 클릭하고 텍스트를 선택) 할 수 있습니까?캔버스에서 모든 마우스 상호 작용을 사용하지 않도록 설정하여 기본 객체와 상호 작용할 수 있습니까?

그 것이 좋습니다!

+0

괜찮을 것입니다. 누구든지이 일을 할 수 있습니까? –

답변

20

pointer-events:none CSS property (SVG에서 처음으로 구현됨, HTML로가는 길)을 사용하면 요소의 히트 감지를 끌 수 있습니다.

이 글은 비표준이며 일부 브라우저에서만 지원됩니다. (Firefox 및 Safari/Chrome, Opera 또는 IE는 제외).

여기에 in-progress CSS3 reference입니다.

이 질문을 참조하십시오 : CSS pointer-events property alternative for IE.

+0

힌트를 보내 주셔서 감사합니다! 나는 그것을 점검했다, 당신은 옳다, 사파리와 ff는 그것을 할 수있다, 오페라는 할 수 없다. .. 나는 표준이되는 것을 기다릴 수 없다! – rassoh

+0

@Gaggo 환영합니다. Stack Overflow에 익숙하지 않으므로 유용하다고 생각되는 답변을 위로 (위쪽으로 삼각형 모양으로) 변경하고 질문에 가장 잘 대답하는 답변 (있는 경우)을 수락 (체크 표시)해야합니다. 나는 당신이 내 것을 받아 들일 필요가 있다고 제안하는 것이 아닙니다. 더 좋은 대답이 나오는지, 특히 지금까지의 대답이 "불가능한"지를보기 위해 며칠을 기다리는 것이 종종 좋은 일입니다. 그러나 그것은 다른 사용자들, 사이트, 시간을 기부하는 사람들의 평판, 좋은 대답을 강조하는 데 참여하는 평판 등이 포함됩니다. – Phrogz

+0

@ Progz 지침을 주셔서 감사합니다. 아직 시스템에 익숙하지 않습니다 ... 누군가 내 게시물에 답변을 보내면 이메일 알림을 활성화 할 수있는 위치를 알려주실 수 있습니까? – rassoh

0

아니요 - 요소가 위에 그려지는 경우 (높은 Z 색인) 마우스가 해당 요소와 상호 작용할 수 없어야합니다.

+0

안녕하세요, 알렉스, 대답 해 주셔서 고마워요, 슬픈 ... 말하자면, 마우스는 항상 가장 높은 z- 인덱스를 가진 요소와 상호 작용할 수 있습니다. 맞습니까? 가장 높은 요소에서 낮은 요소로 이벤트를 전파 할 수있는 방법이 있을까요? – rassoh

+0

@Gaggo 저는 그렇게 믿지 않습니다. 대다수의 경우 숨겨진 * 또는 * 덮여있는 요소에 클릭이 전파되도록하는 것이 바람직하지 않습니다. 나는 틀릴 지 모르지만. – alex

관련 문제