Google Earth プラグインの上にカスタム html コンテンツをレンダリングする iframe shim を実装しようとしています。オーバーレイのレンダリングに成功しましたが、iframe とカスタム html の両方を半透明にしたいと考えています。「allowTransparency」を true に設定し、iframe の不透明度を下げると、カスタム HTML コンテンツがレンダリングされません。
以下はサンプルコードです
<body>
<div id="earth"></div>
<iframe allowTransparency="true" style="position:absolute; top:0px; bottom:0px; right:0px; width:200px; height:500px; background:#222; opacity:0.5; border:none; z-index:100;"></iframe>
<div id="shimdiv" style="position:absolute; top:0px; bottom:0px; right:0px; width:200px; height:500px; background:#222; opacity:0.5; border:none; z-index:100;"></div>
</body>
私が見つけたすべての例は、完全な不透明な html コンテンツをレンダリングします。透明性を確保するための回避策を知っている人はいますか?
前もって感謝します。