鍍金池/ 問答/HTML/ electron 設(shè)置透明窗體無效

electron 設(shè)置透明窗體無效

項目用的electron-vue
創(chuàng)建一個透明窗體
代碼:

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

實際效果:
圖片描述

可以看到
窗體已經(jīng)沒有陰影了,說明transparent設(shè)置已經(jīng)生效了,
body和html我也沒有設(shè)置背景顏色
但是為什么沒有透明?

回答
編輯回答
舊時光

我打包好運行的話就是透明的;還有dev模式下按F5刷新也會變透明。。。。

2017年11月7日 10:01
編輯回答
笨笨噠

設(shè)置下CSS

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

即使沒有設(shè)置也會有默認樣式的。

2018年4月7日 01:35
編輯回答
避風港

請問樓主解決了么

2018年3月25日 23:35
編輯回答
失魂人

需要關(guān)閉調(diào)試窗口

2018年1月29日 15:53