Flashでz-indexを扱う時に気をつけること

CSS

こういうケースがよくあるかどうかは分かりませんが、Flashの中のボタンをクリックした時にz-indexの値を変えて HTMLコンテンツの前後に出し入れを実装する時のメモです。

図にするとこのような感じ

つまずいたところがどこかと言うと、Flashのz-indexの値をマイナスにしてしまうとFlash内のボタンリンクなどが効かなくなることです。なので一度後ろへ引っ込めると操作不能になります。

解決策

解決方法としては、HTMLコンテンツ側にまずz-indexで50と指定します。(数値は例です)

そしてFlashのz-indexの値を1にして、クリックした際に100になるようにします。そして後ろに戻るときはz-indexの値を1にします。

これでFlashのz-indexの値はマイナスにならずにすむので、Flash内のボタンも機能するのでFlash内のボタンをクリックして前後に出し入れができます。