z-index 重要じゃん
はまったのでメモ。
内包要素に iframe を含む要素をフロートウィンドウ化する汎用ルーチンを作成中。
複数ウィンドウ存在した場合、選択したウィンドウを前面に表示させるため、appendChild (jQueryのappendTo)で、フロントにもってこようとすると、モダンブラウザの場合、iframe内のhtmlがリロードされてしまう。(初期状態に戻ってしまう。IEだと問題なし)
参考に、Prototype Window のソースの toFrontメソッドを調べたら、style.zIndex ぐらいの記述しかない。
この種のライブラリのソースで、z-indexの記述はしばしばでてきてたけど、z-index のことを tabindex だとずーと勘違いしていたので、フロント表示される理由がぜんぜん分からず大はまり。
疲れた。
結論
-
- レイヤー要素の重なり順を変える場合は、z-indexを指定する
- iframeのappendChildは注意が必要