웹 브라우저에서 Z- 색인 값의 상한선이 있습니까?

Question

제 3 자 광고가 모달 창 구현을 통해 출혈하는 경우가 있습니다. 모달 오버레이의 Z- 색인을 최대한 높게 설정하여 광고가 상단에 표시되지 않도록하고 싶습니다. Z- 인덱스 값에 제한이 있습니까? 브라우저에 따라 차이가 있는지 확신합니다. 누구 알아?

Answer 1

는 z-index 만 (CSS에서 definition을 소화하기 어려운있다)는 '스태킹 맥락'에서하지만, 전 세계적으로 작동하지 않는다는 것을 명심하고, 광고를 설정하면 그 다음 z-index 값은 다른 곳에 설정, 자신의 스택 문맥의 전혀 영향을 미치지 않을 수도 있습니다.

그러나 가능성은 브라우저의 창 위의 창 것처럼, 모든 위에 렌더링 브라우저 "창"플래시 (wmode=transparent 속성이없는 개체)의 문제입니다. 이 경우 z-index는 전혀 도움이되지 않습니다. 광고 [-provider]가 wmode=transparent을 사용하도록하거나 iframe과 함께 미친 해킹을 사용해야합니다. http://techtrouts.com/is-there-a-limit-to-the-css-z-index-property/에서

Answer 2

실제로는 아니지만 int 범위와 같은 시스템의 자연적인 한계를 고려해야합니다. 나는 을 32767에 보관할 것입니다. 나는 확실히 비슷한 문제에 대해 작업하는 동안 javascript를 초과했으며 당시 주요 브라우저와 플랫폼에서 문제가 발생하지 않았습니다.

타사 광고 및 오버레이의 경우 플래시 삽입시 wmode = "transparent"이 동일한 줄을 따라 일반적인 문제인지 확인해야합니다. 또한 IE에는 z- 인덱스가 스태킹되는 버그가 있으므로 성공하지 못한다면 벽에 머리를 내지 말고 있는지 확인하십시오.

나는 항상 규범을 유지하고 임의의 숫자를 사용하지 않습니다. 예를 들어, 내 css의 모든 내용이 0과 10 사이에 속합니다.. 아마 dhtml 물건은 주어진 모듈에 대해 의미있는 Z- 색인과 함께 100의 자리 값에서 발생합니다.

* Sidenote : IE 버그는 문서 흐름의 새로운 인스턴스를 z- 인덱스의 새로운 스택 컨텍스트로 간주한다는 것입니다. 일반적으로 Z- 인덱스를 상속하는 자식 노드가 자신의 위치 지정 컨텍스트로 렌더링 될 때 DOM 계층 구조에서 Z- 인덱스가 손실되지 않도록해야합니다.

Answer 3

인용구 :

가한다면 이론적 Z- 색인 재산권 OS와 브라우저에 따라, 제한없이, 또는 적어도 INT 타입 범위 내에 있어야한다. 그러나 브라우저 버그를 피하려면 Z- 색인 값을 +/- 32767로 제한해야합니다.

Answer 4

대부분의 브라우저에서 지원되는 최대 zIndex 값은 2147483647 (2^31-1)이지만 Opera 9.2는 2147483583보다 큰 값을 허용하지 않습니다. 그들은 버전 9.5에서 그것을 고쳤습니다.