Jan 25, 2011
いつの間にかインラインフレームを透過できるようになっていた
Bug 591652 – Make the tab view (Panorama) background transparent to reveal glass (if enabled) on Windowsというバグがfixされて、Panoramaの背景が透過されるようになった。Windows Vista以降でAero Glassを有効にしてれば、見事なスケスケになる。
で、ほうほうと思ってチェックインされたパッチを見てみたんだけど、「Aero Glassじゃない時だけ背景を指定する」というコードしかない。ひょっとしてフレームを透過するバックエンドってもうずっと前から入ってたの？ そういえばPanorama用のiframeには transparent="true" という指定がずいぶん前からあったような気がするけど、特に透過されてる様子もなかったから、まだ実装されてないのかと思ってた。
それでMinefield 4.0b10preを起動してDOM InspectorでFirefoxのDOMツリーをいじって試してみたら、browser要素とかiframe要素とかに transparent="true" という属性の指定を加えて、そのフレーム要素・祖先要素すべて・フレームの中に含まれるドキュメントのbodyを background: transparent !important; にするだけで、普通のWebページでもデスクトップの壁紙が透けて見えるようになった。これは面白い。
最小構成だとこう。
parent.xul:
<?xml version="1.0"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
style="-moz-appearance: -moz-win-glass; background: transparent;"
width="200" height="200">
<iframe transparent="true"
flex="1"
style="background: transparent;"
src="child.xul"/>
</window>
child.xul:
<?xml version="1.0"?>
<page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
style="-moz-appearance: none; background: transparent;">
<label value="Hellom, transparent world!"/>
</page>
この2つのファイルをテキスト形式でデスクトップに保存して、エラーコンソールから window.openDialog('file:///c:/Users/username/Desktop/parent.xul'); とやれば試せる。
Aero Glassじゃない時は普通の背景を表示させたいなら、CSSの方にこう書いておけばいい。
window:-moz-system-metric(windows-compositor) {
background: -moz-field;
}
夢が広がりまくりですね！
wikieditish message: Ready to edit this entry.