具有较高z-index的DIV在点击包含Silverlight对象的较低z索引的div时隐藏

时间:2017-10-03 23:40:04

标签: html css silverlight-5.0 window-resize

我在表单中有2个div,我希望一个div总是浮动在另一个上面。 ID为“help”的div显示帮助按钮。当我导航到页面时,帮助div位于第二个div的顶部,但如果我点击第二个div上的任何位置,则第一个div隐藏。如果我调整窗口大小,它会再次出现。

注意:第二个div扩展到父级的全宽和高度。

<body>
 <form id="form1" runat="server" style="height:100%; display:flex; flex-
    flow:column; ">
    <div id="help" style="position:absolute; z-index:1;">
    </div>
    <div style="position:absolute;z-index:0;">
      <!-- Here there is a Silverlight component -->
    </div>
 </form>
</body>

1 个答案:

答案 0 :(得分:2)

解决这个问题的方法是设置&#34;无窗口&#34;在silverlight对象中为真。

 <param value="true" name="windowless"/>

根据无窗口模式的microsoft文档,Silverlight插件没有自己的渲染窗口。相反,插件内容直接由浏览器窗口显示。这使得Silverlight内容可以在视觉上重叠并与HTML内容混合。

https://technet.microsoft.com/pt-br/library/cc838156(v=vs.95).aspx