webView和iFrame都将覆盖Electron.js browserView中的'transparent:true'属性

时间:2019-06-08 20:34:59

标签: javascript css iframe webview electron

我在正在开发的electronic.js应用程序中嵌入了一个browserView。我希望此browserView的背景是透明的,在我尝试将webView或iFrame添加到browserView之前,它可以正常工作。添加这些元素中的任何一个后,“ transparent:true”属性似乎已被覆盖,并且browserView现在以白色背景显示。

main.js文件中的代码示例:

  global.demobrowserView = new BrowserView({alwaysOnTop: true, transparent:true})
  demoBrowserWindow.setBrowserView(statusBar)
  demobrowserView.setBounds({ x: 10, y: 10, width: 340, height: 30 })
  demobrowserView.webContents.loadURL('file://'+__dirname+'/demoContent.html')

demoContent.html文件中的代码示例:

  <body> 
    <div id="container">
      <webview src="https://www.example.com" style="width:100px; height:100px;"></webview>
    </div>
  </body>

任何帮助将不胜感激!

0 个答案:

没有答案