electron设置窗口背景透明

部分windows7上透明不生效，如果默认主题是不支持窗口透明化的需要设置

win7的电脑需要桌面-》右键个性化-》设置主题为 aero主题，窗口颜色设置支持透明

 

1.创建BrowserWindow时指定transparent: true和frame: false和devTools: false

注意devTools可能会影响到transparent

  mainWindow = new BrowserWindow({
    height: 960,
    width: 1820,
    transparent: true,
    resizable: false,
    frame: false,
    webPreferences: {
      devTools: false,
      nodeIntegration: true,
      enablemotemodule: true
    }
  })

2.设置body的背景色

body{background:#ffffff00}

如果用的时electron-vue可以引入css，然后在css设置body属性，如果直接加载html，可以直接在body标签处写style

3.设置鼠标穿透

mainWindow.setIgnoreMouseEvents(true)

这样窗口就收不到任何鼠标点击 事件了，

效果

如果既想部分元素获取鼠标事件，又像其他事件穿透，就要自己监听鼠标事件了