ファンページのページタブに2つのアプリがあります。1つはSilverlightで作成され、もう1つはFlashで作成されています。下にスクロールすると、アプリの場所(フレームなど)から外れるという同じ問題が発生します。
スクリーンショットで問題のすべてがわかると思います。
この質問を投稿する前にiveが試したこと:
1)[css] z-index;
2)[html] SilverlightとFlash(オブジェクトタグ)をiframeに配置します。
3)そしてたくさんのGoogle検索結果
<div id="silverlightControlHoster"> <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="520" height="292">
<param name="source" value="galaxy.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="false" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none">
<img src="slerror.png" alt="Get Microsoft Silverlight" style="border-style:none"/>
</a>
</object>
<iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe>
</div>
および「silverlightControlHoster」のCSS
#silverlightControlHoster {
display:block;
margin-top:80px;
margin-left:145px;
text-align:center;
height:292px;
width:520px;
Silverlightのスクリーンショット:
Flashのスクリーンショット:
編集:問題はオブジェクトタグのプロパティ「ウィンドウレス」でした。ウィンドウでSilverlightを表示している場合(Facebookページタブなど)、これらのプロパティを追加する必要があります。オブジェクトタグ間にコピーして貼り付けるだけです:)
<param name="background" value="transparent" />
<param name="windowless" value="true" />
およびフラッシュの場合:
<param name="wmode" value="transparent" />