问题:项目开发需要创建一个透明窗口,在创建窗口实例的时候,设置窗口的transparent属性为true(如下设置),但是并没有使窗口透明。
mainWindow = new BrowserWindow({
width: 1038,
height: height,
transparent: true, // 设置窗口透明
frame: false, // 要创建无边框窗口
movable: false, // 窗口是否可以移动
show: false, // 先不让窗口显示
modal: true,
skipTaskbar:true,
alwaysOnTop: true,
resizable: false,
parent: null,
webPreferences: {
devTools: false,
enableRemoteModule:true,
nodeIntegration: true,
contextIsolation: false,
webSecurity: false, // 目的是为了开发环境能正常加载资源
},
});
查了别人实现透明窗口的方式,尝试过设置 backgroundColor为透明,opacity为透明(事实上这个属性直接让整个窗口相当于隐藏状态),最后多次尝试下,发现不是窗口设置透明效果没有生效,而是窗口加载的页面不是透明的(在打开窗口的瞬间,窗口背景先是透明的,但是等页面加载好就变成了白色背景,所以得此结论)。
解决:该设置透明的属性设置好,要是出现类似上面情况的,可以考虑把窗口要加载的页面,它的body或者html或者根元素设置background为transparent。