透明窗口


基本要求

透明功能应该与无边框窗口一起使用。

Windows

透明功能仅在 Vista 及更高版本上支持,并且需要启用 DWM(桌面窗口管理器)。在经典主题/基本版本的 OS 上,或者使用远程桌面时,透明度可能无法正常工作。

Linux

您需要使用以下参数运行 NW.js,并且您的窗口管理器需要支持 **合成**

--enable-transparent-visuals --disable-gpu

创建透明窗口

在 HTML 主体中,指定背景颜色的 alpha 值

<body style="background-color:rgba(0,0,0,0);">

并在清单中将 transparent 字段 指定为 true

  "window": {
    "frame": false,
    "transparent": true
  }

点击穿透(Windows 和 Mac)

您可以在 Windows 和 Mac 上启用透明点击穿透。此功能使您能够点击窗口下方的对象,**在 alpha 值为 0 的点上**。

要启用透明点击穿透,您需要以下命令行选项

--disable-gpu-compositing --force-cpu-draw

注意

点击穿透仅支持 **无边框**、**不可调整大小** 的框架,尽管它可能适用于其他配置,具体取决于操作系统。