Flashでz-indexを扱う時に気をつけること
- Category：CSS
- Date：2010年8月26日
こういうケースがよくあるかどうかは分かりませんが、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内のボタンをクリックして前後に出し入れができます。