투명도가있는 div를 오버레이하는 것과 Chrome에서 두 레이어 (IE는 제외)를 모두 클릭하는 데 문제가 있습니다. 답을 내 검색에서크롬의 투명도 클릭
나는 설명하기 위해 다음 예제를 발견 http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html
해당 페이지의 소스 투명성에 대해 설명하는 주석.
IE에서이 페이지를 볼 경우 상자의 텍스트 ("여기에 div가 있습니다 ...")와 맨 위에있는 텍스트 ("이 DIV가 오버레이됩니다. .. "). 그러나 Chrome에서 동일한 페이지를 열면 상단의 텍스트를 선택할 수 없습니다.
이렇게하면 링크가 포함 된 iframe을 사용할 때의 문제를 강조 표시하지만 iframe이 포함 된 페이지에서도 링크를 클릭 할 수 있습니다. transparanecy는 크롬에서 두 세트의 링크를 모두 볼 수 있지만 최상위 레이어 (즉 iframe)에서만 클릭 할 수 있습니다. 상단 iframe을 통해 내가 뒤에 무엇이 있는지 볼 수는 있지만 상호 작용하지는 않습니다.
나는 pointer-events에 대해 알고 있습니다. 그러나 iframe에서 링크를 중지합니다. 나는 기본적으로 배경 html 또는 overlying iframe에서 작동하도록 할 수 있지만 둘 다 사용할 수는 없습니다!
희망 사항은 모두 의미가 있으며 미리 감사드립니다.
div#parent, div#parent div {pointer-events:none;}
의미 사업부를,뿐만 아니라 모든 어린이 사업부는 연결되는 링크를 클릭 활성화해야합니다 :