"데이터 포인트 하이 라이터"기능이있는 페이지에 자바 스크립트 플롯이 있습니다. 포인트 위로 마우스를 가져 가면 좌표 팝업이 나타납니다 . 또한 반투명 한 "광택"이미지 레이어를 플롯 위에 배치하여 광택을 보입니다. z- 인덱스를 사용하여이 작업을 수행 할 수 있지만 js 플롯의 마우스 오버 기능이 작동하지 않습니다. 상단에 광휘 레이어가 있고 아래 레이어 (플롯 레이어)에 마우스를 올려 놓는 방법이 있습니까? 많은 감사합니다 ...CSS : '광택'레이어로 덮힌 플롯의 마우스 오버 기능
나는 마우스 오버에 반응하는 플롯 이미지와 영역을 분리하고 떨어져서 광채 위에 놓는 것을 제외하고는 쉽게 할 수있는 방법을 생각할 수 없습니다. 할 것.
반투명이라면 전체적으로 다른 방법으로 수행하는 것이 좋을까요? "광휘"를 플롯 아래에 놓고 플롯을 반투명으로 만드시겠습니까?
이것은 불가능합니다. 부끄러움.
사실, 나는 가능하다고 생각하지만, 다소 지저분한 해결 방법이며 마우스/커서 위치 x/y 위치를 캡처하여 플롯 레이어에 매핑하는 것이 가장 쉽거나 최적이 아닙니다. 작업, 완전히 비효율적 인 것은 말할 것도 없습니다. 나는 이것이 더 오래된 질문이라는 것을 알았지 만, 나는 미래의 사용자들을 위해 이것을 지적 할 것이라고 생각했다.
업데이트 : 파이어 폭스 3.6이 방향으로 기어드 CSS 속성이 있습니다 http://demos.hacks.mozilla.org/openweb/pointer-events/
그것은 생각입니다,하지만 나는 그것이 가능한 생각하지 않습니다 - 그것은 또한이 다른 플롯과 비교하여 모양을 변경할 것 그러나 마우스 오버 기능을 필요로하지 않습니다. 나는 그것이 광채를 잃거나 포인트 정보없이 살고 있다고 생각하고 있습니다. – jjnevis
우리는 이것이 지금 할 수 없다는 말입니까? Pekka의 CSS 자격 증명을 알지 못하지만 stacko 자격 증명이 꽤 인상적이므로이 질문을 한 것 같습니다. 더 이상 응답이 없으면 "불가능"이라고 대답 할 것입니다. – jjnevis
@jjn 플롯 이미지가 마우스 움직임이 잡힐 필요가있는 영역이라면 순수한 CSS로는 불가능하다고 말할 수 있습니다. 나는 미친 해결 방법을 생각조차 할 수 없다. 어떻게 든 움직임을 잡는 영역에서 이미지를 분리 할 수 있다면, 아마도 다른 모든 것들 위에 움직임을 잡는 영역을 얻을 수 있습니다 (아마도 'z-index'를 사용하는 순수한 CSS로조차도). 하지만 필자는 플로팅 도구를 완전히 다시 작성해야한다고 가정합니다. 플롯 도구에서 일부 소스 코드를 추가하고 누군가가 최후의 수단으로 다시 작성하는 방법을 알고 있는지 확인할 수 있습니다. 그렇지 않으면 "불가능"으로 닫습니다. –