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

Question

我在一个表单中有 2 个 div，我希望其中一个 div 始终浮动在另一个之上。 id 为 "help" 的 div 显示帮助按钮。当我导航到该页面时，帮助 div 位于第二个 div 之上，但如果我单击第二个 div 上的任意位置，第一个 div 会隐藏。如果我调整 window 的大小，它会再次出现。

注意：第二个 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>

Answer 1

解决方法是在 silverlight 对象中将 "Windowless" 设置为 true。

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

根据 Microsoft 文档在 windowless 模式下，Silverlight 插件没有自己的渲染 window。而是插件内容直接由浏览器显示window。这使 Silverlight 内容能够在视觉上与 HTML 内容重叠和融合。

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

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

DIV with higher z-index hides on clicking on div with lower z index containing Silverlight object

html

css

window-resize

silverlight-5.0