electron 设置透明窗体无效

Question

项目用的electron-vue
创建一个透明窗体
代码：

iconWindow = new BrowserWindow({
    // height: 100,
    // width: 100,
    frame: false,
    resizable: false,
    // x: -1000,
    // y: 50,
    transparent: true,
  })
  iconWindow.loadURL(miniWinURL)
  iconWindow.webContents.closeDevTools();

实际效果：

可以看到
窗体已经没有阴影了，说明transparent设置已经生效了，
body和html我也没有设置背景颜色
但是为什么没有透明？

Answer 1

我打包好运行的话就是透明的；还有dev模式下按F5刷新也会变透明。。。。

Answer 2

需要关闭调试窗口

Answer 3

设置下CSS

html, body {
    background: rgba(0, 0, 0, 0);
}

即使没有设置也会有默认样式的。

Answer 4

设置一下frame:false
win = new BrowserWindow({width: 800, height: 600,frame:false, transparent: true});

Answer 5

最近也遇到了这个坑

给 BrowserWindow 设置 frame 和 transparent

win = new BrowserWindow({
    frame: false,
    transparent: true,
});

其实这里就已经成功了，还是白色是因为开了devTool

关闭devTool，然后F5刷新即可

Answer 6

请问楼主解决了么