해결을 감안할 때이 HTML을

왼쪽 jsfiddle 첫 번째 요소에 집중하면 윤곽선이 다음 요소 뒤에 남습니다 (테두리가있는 윤곽선 만 표시하려면 첫 번째 단추를 클릭하고 드래그하십시오).해결을 감안할 때이 HTML을

Firefox (가장자리) 및 IE10에서 발생합니다.

z- 인덱스를 사용하여 두 요소의 z 위치를 성공적으로 제어하려고했습니다. 나는 뭔가를 놓칠지도 모른다.

가 어떻게 윤곽이 관련 요소의 앞이 아니라 FF 및 IE10의 다음 뒤에 표시해야합니까 ...
오페라 정상적으로를 처리하지만, 파이어 폭스와 IE10은이를 거부?
이 동작과 관련하여 사양에 언급이 있습니까? 아니면 공급 업체에 따라 다릅니다? FF에서 원하지 않는 행동을 보여주는

스크린 샷 : undesired behavior

출처

2013-04-29 Fagner Brack

개요 속성과 관련된 Opera의 동작은 고유합니다 (http://tinker.io/866cf). 그것의 윤곽선은 그것이 속하는 요소의 z- 인덱스보다 훨씬 위에있는 z- 인덱스를가집니다. – cimmanon

z-index에만 기본 static없는 position 작동합니다. 따라서 relative으로 설정하면 효과를 얻을 수 있습니다.

다음은 그러나 absolute 자연 흐름에서 제거하고 외부를두고, top없이 bottom, left, 또는 right 특성을 position:relative를 지정하는 것은 일반적으로 레이아웃을 당신의 요소를 이동하고 파괴되지 것이라는 JSFiddle http://jsfiddle.net/DKpGA/2/

주입니다 다른 요소의 범위이므로 조심해야합니다.

출처

2013-04-29 21:29:36 casraf

귀하의 바이올린은 내 것과 동일하므로 URL을 업데이트해야합니다. 하지만 그게 효과가 있었는데, 나는 뭔가를 놓친다는 것을 알았어, 고마워! –

죄송합니다. 변경 사항을 저장하는 것을 잊었습니다. 나중에 참조 할 수 있도록 답변을 업데이트했습니다. – casraf

답변

관련 문제