vista gadget透過背景動的変更

HTML
<g:background id="bg_dock" src="images/bg_dock.png"
style="position:absolute;z-index:-1;background-repeat:no-repeat;" />
<g:background id="bg_undock" src="images/bg_undock"
style="position:absolute;z-index:-1;background-repeat:no-repeat;display:none;"
/>

JS
System.Gadget.onDock = function () {
$('bg_dock').style.display = 'block';
$('bg_undock').style.display = 'none';
}
System.Gadget.onUndock= function () {
$('bg_dock').style.display = 'none';
$('bg_undock').style.display = 'block';
}

なぜかstyleではなく、head部に「#bg_dock{...}」で記述すると
背景ではなく、すべての要素の上に表示された。

「<g:background...>」と「<g:background... />」では動作が違う。

「System.Gadget.background」は使い物にならない。
（非透過 or dock時の背景がfloat時に完全に隠れる場合には使えるかも）

あ～、はまった、はまった。