요소의 z-index 값은 iframe 컨텐츠를 극복 할 수 없습니다.

StackOverflow https://stackoverflow.com/questions/122865

  •  02-07-2019
  •  | 
  •  

문제

나는있다 div 그리고 iframe 페이지에서 div 가지다

z-index: 0;

그만큼 iframe 팝업이있는 내용이 있습니다 z-index 1000

z-index: 1000;

그러나, 그 div 여전히 팝업을 어둡게합니다 (그러나 Firefox에서는 잘 작동합니다).

내가 무엇을 할 수 있는지 아는 사람이 있습니까?

도움이 되었습니까?

해결책

탐색기 Z- 인덱스 버그

일반적으로 http://www.quirksmode.org/ 이런 종류의 것에 대한 훌륭한 참조입니다.

다른 팁

IE의 어떤 버전?

나는 JavaScript 전문가는 아니지만 팝업 팝이 필요한 것을 달성 할 수있을 때 DIV를 숨기고 있다고 생각합니다.

Overtop 드롭 다운 상자 및 목록 상자를 표시 해야하는 JavaScript 메뉴를 만들 때 Divs 및 Iframes와 함께 작업해야했습니다. 다른 메뉴 구현은 Z6의 기본 동작이 Z에 관계없이 모든 DIV 위에 표시되는 이러한 항목을 숨 깁니다. -인덱스.

나는 같은 문제에 직면한다. 내 경우의 문제점은 iframe의 내용이 IE에 의해 직접 제어되는 것이 아니라 PDF 파일이므로 Acrobat에 의해 제어된다는 것입니다. 콘텐츠없이 iframe을 표시하려고 시도 할 수 있으며,이 경우 팝업이 정상적으로 표시됩니다. 어떤 이유로 IE는 외부 도우미를위한 z-index를 제어 할 수 없습니다.

IE7로 테스트되었습니다

코드를 보지 않으면 문제를 결정하기가 어렵습니다. 그러나 z-index가 요소가 배치되었을 때만 작동한다는 점은 주목할 가치가 있습니다 (예 : position: absolute;), 아마도 문제가 될 수 있습니까?

거기에 CSS Z-Index에 대한 좋은 기사 Mozilla 개발자 센터에서.

코드 스 니펫을 보지 않으면 문제가 무엇인지 결정하기가 어렵습니다. 팝업과 같은 크기의 팝업 아래에 iframe을 추가 해보고 싶을 수도 있습니다. IE7을 사용하면 다른 iframe이 이미로드 된 후 iframed 팝업을 렌더링하면 아래에있는 요소를 덮을 수 있어야합니다. 예제를 찾는 경우 일부 JS 캘린더와 Lightbox/Thickbox 코드 가이 작업을 수행한다고 생각합니다.

z- 인덱스를 벨로우어로 설정하지 마십시오. 7.0에 대해서는 확신하지 못하지만 이전 버전의 IE에 문제가있었습니다. IE는 Z-Index를 그다지 좋아하지 않습니다. 또한 위치를 확인하십시오. 포지셔닝이 문제 일 수 있습니다. 죄송합니다. 더 도움이 될만한 정보가 충분하지 않습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top