제목이 너무 복잡해 보이긴 합니다만 달리 표현할 방법이 없네요. 요즘 웹디자인할 때
플래쉬 무비를 여러 개 사용하다 보니 위치가 서로 겹치는 경우가 많은데 이때
앞뒤 순서(z-index) 설정하는 부분이 약간 복잡하게 되 있습니다.
특히 몇 가지 사항에 대해 잘 못 알고 있는 분들이 계셔서 참고 삼아 글 올립니다.
div 태그의 z-index 속성으로 순서를 정할 때 플래쉬가 포함되면 z-index가 기능하지
않습니다만 플래쉬무비 파라미터에 <PARAM NAME=wmode VALUE=transparent>를
포함시키면 z-index가 제대로 작동하게 됩니다.
특히 중첩된 두개의 레이어가 모두 플래쉬를 포함할 경우는 둘 다 위의 파라미터를 추가해
줘야 합니다. 둘 중 하나가 이 파라미터를 갖지 않으면 이넘이 모든 레이어의 위에 보여
지게 됩니다.
이렇게 되는 원인은 wmode 파라미터 설정이 갖는 의미가 단순히 플래쉬 무비를 투명
하게 하는데 있지 않고 다른 div들과의 z-index관계에 자신을 포함시키느냐의 여부까지
결정한다는데 있습니다. 이해하기 어려운 부분인데요 이 파라미터를 갖기 전에는 어떤
경우에도 z값을 부정해 버리지만 파라미터를 주면 z오더를 충실히 이행하는 z-index
준수 그룹으로 편입되어 버리는 것입니다. 즉 'wmode에 transparent를 주는 것은 말
그대로 투명도라는 특성을 주는 것이다' 라는 단순한 설정이 아니라 z오더에 대해
무시하던 플래쉬 무비를 z오더에 충실하게끔 만들어 준다는 것입니다.
참고로 혹시 오해하실 분이 계실것 같아서 말씀드리는 것은 여기서 플래쉬의 transparent
속성이 적용되는 것은 정확하게는 그 무비의 배경입니다. 그 무비의 스테이지 안에 위치한
배경을 제외한 다른 내용은 모두 보여지게 되는 것입니다. 자칫 특정한 이미지를 배경으로
사용하신 경우는 마치 transparent가 적용되지 않는 걸로 착각하실 수가 있습니다.
플래쉬 무비를 여러 개 사용하다 보니 위치가 서로 겹치는 경우가 많은데 이때
앞뒤 순서(z-index) 설정하는 부분이 약간 복잡하게 되 있습니다.
특히 몇 가지 사항에 대해 잘 못 알고 있는 분들이 계셔서 참고 삼아 글 올립니다.
div 태그의 z-index 속성으로 순서를 정할 때 플래쉬가 포함되면 z-index가 기능하지
않습니다만 플래쉬무비 파라미터에 <PARAM NAME=wmode VALUE=transparent>를
포함시키면 z-index가 제대로 작동하게 됩니다.
특히 중첩된 두개의 레이어가 모두 플래쉬를 포함할 경우는 둘 다 위의 파라미터를 추가해
줘야 합니다. 둘 중 하나가 이 파라미터를 갖지 않으면 이넘이 모든 레이어의 위에 보여
지게 됩니다.
이렇게 되는 원인은 wmode 파라미터 설정이 갖는 의미가 단순히 플래쉬 무비를 투명
하게 하는데 있지 않고 다른 div들과의 z-index관계에 자신을 포함시키느냐의 여부까지
결정한다는데 있습니다. 이해하기 어려운 부분인데요 이 파라미터를 갖기 전에는 어떤
경우에도 z값을 부정해 버리지만 파라미터를 주면 z오더를 충실히 이행하는 z-index
준수 그룹으로 편입되어 버리는 것입니다. 즉 'wmode에 transparent를 주는 것은 말
그대로 투명도라는 특성을 주는 것이다' 라는 단순한 설정이 아니라 z오더에 대해
무시하던 플래쉬 무비를 z오더에 충실하게끔 만들어 준다는 것입니다.
참고로 혹시 오해하실 분이 계실것 같아서 말씀드리는 것은 여기서 플래쉬의 transparent
속성이 적용되는 것은 정확하게는 그 무비의 배경입니다. 그 무비의 스테이지 안에 위치한
배경을 제외한 다른 내용은 모두 보여지게 되는 것입니다. 자칫 특정한 이미지를 배경으로
사용하신 경우는 마치 transparent가 적용되지 않는 걸로 착각하실 수가 있습니다.