Note that there are some explanatory texts on larger screens.

plurals
  1. POProblem getting something "above" a Google Earth plugin
    text
    copied!<p>I'm trying to reorder elements on a page, so that my Silverlight appears above the GE plugin rather than below it.</p> <p>Here's the HTML code:</p> <pre><code>&lt;form id="form1" runat="server" style="height:100%"&gt; &lt;div id="silverlightControlHost" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;background-color:transparent;z-index:9999999"&gt; &lt;object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%"&gt; &lt;param name="source" value="ClientBin/GoogleEarthApiTest.xap"/&gt; &lt;param name="onError" value="onSilverlightError" /&gt; &lt;param name="background" value="white" /&gt; &lt;param name="minRuntimeVersion" value="4.0.50826.0" /&gt; &lt;param name="autoUpgrade" value="true" /&gt; &lt;param name="windowless" value="true" /&gt; &lt;a href="http://go.microsoft.com/fwlink/?LinkID=149156&amp;v=4.0.50826.0" style="text-decoration:none"&gt; &lt;img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/&gt; &lt;/a&gt; &lt;/object&gt;&lt;iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"&gt;&lt;/iframe&gt;&lt;/div&gt; &lt;div id="map3d" style="position:absolute;left:100px;top:100px;bottom:0px;right:0px;z-index:-1"&gt;&lt;/div&gt; &lt;/form&gt; </code></pre> <p>I thought adding the <code>z-index</code> style property would suffice, but the GE is still rendered above the SL application (in both the latest Firefox and IE).</p> <p>I suspect I'm missing something obvious here. What could it be?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload