[CSS]Flashを背景にして動作する、階層型ナビゲーション

CSS playのエントリー「A flyout menu over flash objects」から、Flashを背景にして動作する、階層型ナビゲーションの紹介です。

Flashを背景にしても動作する階層型ナビゲーションのキャプチャ

A flyout menu over flash objects

通常、Flashを背景とするとうまく動作しませんが、下記の手法を使用して実装しています。

swfの埋めこみの記述

「wmode」に、「transparent」を指定。
※swfファイルの背景色を確認する。

IE6, 7用のスクリプト

objectがリンクのように動作するのを防ぐため、下記の「flashfix.js」を外部スクリプトとして使用する。

階層型ナビゲーションの箇所は、スクリプトがオフでも動作するように、IE6用にtableを使用して制作されています。

追記:

2008年3月1日
はてブのvv_boow_vvさんのコメントから
僕のMac OS X+Fx 2.0の環境でも動作しませんでした。
階層は開くけど、クリックができない。

sponsors

top of page

©2018 coliss