사업부는 :

Question

정말 이상한 문제가있어 유형의 마지막에만 작업을 가져 : 내가 사업부에서 만든 및 jQuery를에 의해 제어되는 간단한 종료 버튼을 사용하여 세 가지 요소가

을,하지만 난 사용하고 있습니다 : 호버 CSS 선택기를 호버에 불투명도를 변경합니다. 문제는 세 요소 중 마지막 요소에서만 작동한다는 것입니다. 세 번째를 주석으로 처리하면 두 번째로 작동합니다. 나는 여기서 일하는 것을 보여주기 위해 어리석은 바이올린 링크를 여기에 포함시켰다. 어떤 해결책을 찾을 수 없으며 어디서나이 문제를 참조 할 수 있으며 무엇이 원인인지 알지 못합니다.

데모 : http://bit.ly/1rKVW7u

에 한번 각 파란색 상자를 클릭 한 다음 오른쪽 상단의 종료 버튼 위에 마우스, 당신은 내가 세 번째 파란색 상자의 팝업 창 작품과 다른 사람들이 더 할 것을 의미없는 것을 볼 수 있습니다.

아이디어가 있으십니까?

Answer 1

조금 이상 합니다만, 어떤 창을 선택하든간에 exit-btn은 항상 세 번째 것입니다. display: none;을 .work-type-window 클래스에 추가하면이 문제가 해결됩니다.
here을 참조하십시오.

Answer 2

모든 버튼에 position: fixed을 사용하고 있기 때문에 불투명 한 부분 만 볼 수 있습니다. 다른 하나는 여전히 내가 추측하는 방식이다 (그리고 IE11은 다른 행동을 취할 수도있다). 여기

3 개 번 출구 링크가 더 이상 다른 이상 일하지 않으며 그들 각각은 스타일의 변화에 ​​공중 선회 할 수 있습니다 http://jsfiddle.net/f1xc6gwk/

사용 display: none : 그것은 또한 스크린 리더와 함께 잘 작동합니다 기회가 (있다 사용자가 읽지 않는 동안 투명한 콘텐츠를 읽음 : 모든 사용자가 투명한 콘텐츠를 읽을 수 없다고 생각할 수도 있음)