跨浏览器窗口/视图的类似“ z-index”的方法

Question

很抱歉，如果在其他地方回答了这个问题。会很高兴地链接到已经回答过的此类问题。 预先感谢您对问题的任何答复和建议

精简版：是否存在一种使内容（如图像）从浏览器窗口无缝过渡到Electron中的浏览器视图的方法？从某种意义上说，是设置z-index like属性，使其保持在浏览器视图和浏览器窗口的顶部，但仍包含在浏览器窗口的范围内

长版： **在您提到它之前，这是尝试不使用webview标记，除非没有其他方法，因为浏览器视图似乎是稳定的趋势

我目前有一个电子应用程序，旨在成为单个窗口实例。在该窗口中，将有一个包含第三方嵌入内容的部分。现在，我使用webview标记嵌入了上述内容，并且图像浮动在rootWindow html和嵌入的内容之上（因为它是html的一部分）。

如果我切换到据说更稳定的浏览器视图，则根窗口html将被浏览器视图覆盖，因为它不是根窗口html的一部分，因此可以说根窗口甚至不知道就渲染器进程而言，它存在。

但是，我需要一个小图像才能像使用webview标记一样，留在UI的两个部分的顶部，我可以使图像具有非常高的z索引并将其强制掌握一切。

是否存在一种使图像在UI的两个部分之间传递并停留在其后呈现的任何内容的最前面的方法？

指向视觉表示的链接（我无法将其发布为问题的一部分，因为该网站不允许我访问）位于以下位置：https://cdn.discordapp.com/attachments/280536739771056129/536009618703253515/Untitled.png；其中白色代表代表浏览器视图的边界，蓝色代表包含视图的浏览器窗口，黑色方块代表我需要在两个部分之间移动并将其显示在两个部分之上的图像或内容< / p>

再次感谢您的帮助。

Answer 1

与WebView不同，BrowserView的实现在父浏览器窗口的顶部创建了单独的表面边界和覆盖层，因此任何底层元素都不能放置在高于激活的BrowserView的位置（类似于z-index的方法）。

简而言之，不幸的是，您无法使用browserview来做到这一点，因为它不受支持。

Answer 2

在新的Electron版本中具有多个BrowserView支持，您可以通过在最后一个BrowserView处添加小图像来实现您的目标（最后一个将始终是最顶部的）。