Fatal编程技术网
  • html/
  • Html z索引较高的DIV在单击包含Silverlight对象的z索引较低的DIV时隐藏

Html z索引较高的DIV在单击包含Silverlight对象的z索引较低的DIV时隐藏

html css

Html z索引较高的DIV在单击包含Silverlight对象的z索引较低的DIV时隐藏,html,css,silverlight-5.0,window-resize,Html,Css,Silverlight 5.0,Window Resize,我在一个表单中有两个div，我希望一个div总是浮在另一个div之上。id为“help”的div显示一个help按钮。当我导航到页面时，help div位于第二个div的顶部，但是如果我单击第二个div上的任何地方，第一个div就会隐藏。如果我调整窗口大小，它会再次出现 注意：第二个div扩展到父级的全宽和全高 <body> <form id="form1" runat="server" style="height:100%; display:flex; flex-

我在一个表单中有两个div，我希望一个div总是浮在另一个div之上。id为“help”的div显示一个help按钮。当我导航到页面时，help 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>
解决方案是在silverlight对象中将“Windowless”设置为true

 <param value="true" name="windowless"/>
根据microsoft Documentation的无窗口模式，Silverlight插件没有自己的渲染窗口。相反，插件内容由浏览器窗口直接显示。这使Silverlight内容能够在视觉上与HTML内容重叠和混合

div help实际上有一个负责帮助按钮的Zendesk脚本。另一个div包含一个silverlight应用程序。因此，可能是silverlight的问题，尝试使用google搜索silverlight和z-index或silverlight的问题以及调整大小的问题，我认为你的问题不是html或css，适用于使用由浏览器作为Silverlight Istank you实现的SO api的第三方元素。。事实上这是Silverlight。将silverlight对象的“Windowless”属性设置为true修复了它。我将在下面的答案中解释更多。太好了，同时对问题和标题进行编辑以引用silverlight，可能对其他人会有帮助