Home > Latest topics

Latest topics > XULとインラインフレームと重ね合わせ

宣伝1。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! シス管系女子って何!? - 「シス管系女子」特設サイト

宣伝2。Firefox Hacks Rebooted発売中。本書の1/3を使って、再起動不要なアドオンの作り方のテクニックや非同期処理の効率のいい書き方などを解説しています。既刊のFirefox 3 Hacks拡張機能開発チュートリアルと併せてどうぞ。

Firefox Hacks Rebooted ―Mozillaテクノロジ徹底活用テクニック
浅井 智也 池田 譲治 小山田 昌史 五味渕 大賀 下田 洋志 寺田 真 松澤 太郎
オライリージャパン

XULとインラインフレームと重ね合わせ - Apr 11, 2007

Split BrowserGoogle Notebook Extensionがコンフリクトしてるという報告を受けて調べてみた結果のメモ。

XULでは、というかGeckoでは、iframeもbrowserも、インラインフレームについてはCSSのz-indexプロパティの指定とは関係なく、一番最後に描画されたものが一番上に表示されるようになっている。たぶんバグなんだけど、長年そのままになってるから、仕様ということになってるのかもしれない。

Google Notebook Extensionはウィンドウ内にインラインフレームを生成して絶対配置でメインのブラウザ領域の上に重ねて表示してるんだけど、Split Browserで新しいブラウザ領域を追加すると、それがGoogle Notebook Extensionのフレームよりも上に描画されてしまう、というのが問題の現象だ。この問題は分割後の領域でタブを切り替えた際にも発生する。

Google Notebook Extensionのデフォルトの挙動を調べてみると、メインのブラウザ領域については、タブを切り替える度にGoogle Notebook Extensionのフレームを表示し直すようになっていることが分かった。つまりこれと同様に、Split Browserでブラウズ領域を分割した時と、それらの領域内でタブを切り替えたときにも、Google Notebook Extensionのフレームを表示し直してやればいいということになる。

ただ、検証中にさらにもう一つ問題が発覚した。deck要素で内容を切り替えた部分と重なるGoogle Notebook Extensionの領域が白く抜けて描画されてしまうというものだ。deckを使わないようにすればどうにかなりそうなんだけど、そうするとツールバーの高さがガタついてしまうので、どうしたらよいか悩んでいる。

追記。deckの問題については、stackとCSSのvisibilityプロパティを使うことで解決することにした。CSSのvisibility: hiddenは、その要素が存在するべき位置に空白の領域を残した状態で、その要素を見えなくする指定だ。stackで重ね合わせた要素に対してこの指定を適宜与えてやれば、つまり、今表示するべき内容だけvisibility: visibleにして、それ以外をすべてvisibility: hiddenにしてやれば、stackでdeckのようなことができるようになる。

まあ、あまり意味の無いテクニックだと思うけど、いちおうメモしておこう。

分類:Mozilla > XUL, , , , 時刻:16:55 | Comments/Trackbacks (1) | Edit

Comments/Trackbacks

no title

> たぶんバグなんだけど、長年そのままになってるから、仕様ということになってるのかもしれない。
Firefox2にも対応する必要のある拡張作者にとってはあまり助けになりませんが、
http://wiki.mozilla.org/Gecko:NativeWidgetOverhaul
で修正されると思われます。

Commented by えむけい at 2007/04/12 (Thu) 05:39:31

TrackBack ping me at


の末尾に2014年1月19日時点の日本の首相のファミリーネーム(ローマ字で回答)を繋げて下さい。例えば「noda」なら、「2007-04-11_iframe.trackbacknoda」です。これは機械的なトラックバックスパムを防止するための措置です。

Post a comment

writeback message: Ready to post a comment.

2014年1月19日時点の日本の首相のファミリーネーム(ひらがなで回答)

Powered by blosxom 2.0 + starter kit
Home

カテゴリ一覧

過去の記事

1999.2~2005.8

最近のつぶやき

オススメ

Mozilla Firefox ブラウザ無料ダウンロード