javascript - "z-index"类似跨浏览器窗口/ View 的方法

Question

如果在其他地方回答了这个问题，我们深表歉意。会很乐意链接到这样一个已经回答的问题。预先感谢您对问题的任何答复和建议

简短版本:是否存在一种方法可以让内容(如图像)从浏览器窗口无缝传递到 Electron 中的浏览器 View ？在某种意义上，设置一个类似 z-index 的属性，使其保持在浏览器 View 和浏览器窗口的顶部，但仍包含在浏览器窗口的范围内

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

我目前有一个旨在成为单个窗口实例的 Electron 应用程序。在该窗口中，将有一个包含第 3 方嵌入内容的部分。现在我使用 webview 标签嵌入所述内容，并有一个图像漂浮在 rootWindow html 和嵌入内容的顶部(因为它是 html 的一部分)。

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

但是我需要一个小图像能够停留在 UI 的两个部分的顶部，就像使用 webview 标签一样，我可以让图像具有极高的 z-index 并强制它掌握一切。

是否存在一种方法可以让图像穿过 UI 的两个部分并保持在其后面渲染的任何内容的最前面？

视觉表示的链接(我不能将其作为问题的一部分发布，因为网站不允许我发布)位于此处:https://cdn.discordapp.com/attachments/280536739771056129/536009618703253515/Untitled.png ;其中白色空间代表浏览器 View 边界，蓝色空间是包含 View 的浏览器窗口，黑色方 block 是我需要在两个部分之间移动并显示在两者之上的图像或内容

再次感谢任何帮助。

Answer 1

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

简而言之，不幸的是，您不能使用 browserview，因为它不受支持。