Electron 15.0.0 vibrancy效果在MacOS 11.6下完全失效问题求助

修复步骤 #

1. 先修改主进程中BrowserWindow的初始化配置，新增transparent: true属性，同时替换visualEffectState的取值：

// 仅展示修改后的配置部分
mainWindow = new BrowserWindow({
  show: false,
  transparent: true, // 新增显式声明窗口透明
  vibrancy: 'content',
  visualEffectState: 'active', // 15.0.0对followWindow适配有问题，替换为active
  title: app.getName(),
  backgroundColor: false,
  webPreferences: {
    contextIsolation: false,
    nodeIntegration: true,
    nativeWindowOpen: false
  }
});

修改后重启项目，基本就能正常显示毛玻璃效果。

2. 如果调整配置后仍然失效，直接更换Electron版本即可：
   Electron 15.0.0本身存在macOS vibrancy适配的已知bug，要么降级到14.x最新稳定版，要么升级到15.3.0及以上的后续版本，官方已经在后续小版本中修复了该问题。

你当前的HTML样式和项目结构没有问题，不需要额外调整。

内容的提问来源于stack exchange，提问作者SoR