z-index 重要じゃん

はまったのでメモ。

内包要素に iframe を含む要素をフロートウィンドウ化する汎用ルーチンを作成中。

複数ウィンドウ存在した場合、選択したウィンドウを前面に表示させるため、appendChild (jQueryのappendTo)で、フロントにもってこようとすると、モダンブラウザの場合、iframe内のhtmlがリロードされてしまう。(初期状態に戻ってしまう。IEだと問題なし)


参考に、Prototype Window のソースの toFrontメソッドを調べたら、style.zIndex ぐらいの記述しかない。

この種のライブラリのソースで、z-indexの記述はしばしばでてきてたけど、z-index のことを tabindex だとずーと勘違いしていたので、フロント表示される理由がぜんぜん分からず大はまり。

疲れた。

結論

    • レイヤー要素の重なり順を変える場合は、z-indexを指定する
    • iframeのappendChildは注意が必要