ユーザーがファイルをドラッグ アンド ドロップしてシステムにアップロードできるようにするため、ドラッグ アンド ドロップ機能を必要とする Silverlight アプリケーションがあります。
ただし、ナビゲーションが常に Silverlight アプリケーションより遅れるという問題が発生しています。「ウィンドウレス」をオンにしようとしましたが、ドラッグ アンド ドロップ機能を失ったため、オフにする必要がありました ( Microsoft はサポートしていません) 。
ナビゲーションが Silverlight アプリケーションの上に表示されるようにするにはどうすればよいですか( param name="Windowless" value="true"は、ドラッグ アンド ドロップで使用する方法がない限り、オプションではありません)。 )?
HTML に追加された Silverlight
<div id="silverlightControlHost" style="float:left; width:400px; height:300px;"> <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="220px"> <param name="source" value="../ClientBin/FileImport.xap"/> <param name="onError" value="onSilverlightError" /> <param name="background" value="white" /> <param name="minRuntimeVersion" value="4.0.50826.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none"> <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/> </a> </オブジェクト> <iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe> </div>
ナビゲーション メニュー
<div id="NavigationControl"> <ul class="sf-menu sf-js-enabled sf-shadow"> <li><a id="Navigation_1" href="...">項目 1</a></li> <li class="sfHover"><a id="Navigation_2" class="sf-with-ul">項目 2<span class="sf-sub-indicator">»</span></a> <ul style="可視性: 可視; 表示: ブロック;"> <li><a id="Navigation0_1" href="...">子 1</a></li> <li><a id="Navigation0_2" href=".." class="sf-with-ul">子供<span class="sf-sub-indicator">»</span></a> <ul style="表示: なし; 可視性: 非表示;"> <li><a id="Navigation1_1" href="...">モノ 1</a></li> <li><a id="Navigation1_2" href="...">シング 2</a></li> <li><a id="Navigation1_3" href="...">Thing 3</a></li> <li><a id="Navigation1_4" href="...">シング 4</a></li> <li><a id="Navigation1_5" href="...">シング 5</a></li> <li><a id="Navigation1_6" href="...">シング 6</a></li> <li><a id="Navigation1_7" href="...">シング 7</a></li> <li><a id="Navigation1_8" href="...">シング 8</a></li> </ul> </li> <li><a id="Navigation2_1" href="...">ボックス 1</a></li> <li><a id="Navigation2_2" href="...">ボックス 2</a></li> <li><a id="Navigation2_3" href="...">ボックス 3</a></li> <li><a id="Navigation2_4" href="...">ボックス 4</a></li> </ul> </li> <li><a id="Navigation_3" href="..">項目 3</a></li> </ul> </div>
ナビゲーション コントロール CSS
#NavigationControl { 高さ: 23px; 背景色: 透明; 位置: 相対; Z インデックス: 10000; }
ページ上のすべての概要
<html> <頭> // SuperFish CSS & JS へのリンク //JS がない場合は Silverlight ダウンロードへのリンク </head> <本体> <div id="NavigationControl"></div> <div id="silverlightControlHost"></div> </body> </html>