title: Can't succeed in making transparent window in Electron (javascript)
body: <p>I am trying to make a transparent window with ElectronJs but I obtain a black background.</p>
  
  <p>I am on Linux (Debian Jessie)</p>
  
  <p>I have tried different versions : latest, beta and nightly with the same result.</p>
  
  <p>I have a version for NW.js that works on the same machine, so I expect it is a Electron problem.</p>
  
  <p>Here is my code of <code>main.js</code>:</p>
  
  <pre><code>const {app, BrowserWindow} = require('electron');
  let mainWindow;
  function createWindow () {
    mainWindow = new BrowserWindow({width: 920, height: 300,  frame:true, transparent:true, backgroundColor: '#00FFFFFF'});
    mainWindow.loadFile('index.html');
    mainWindow.on('closed', function () {
      mainWindow = null;
    });
  }
  app.on('ready', createWindow);
  </code></pre>
  
  <p>Here is my code of <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body style="background-color:rgba(255,255,255,0); color:lightgrey;"&gt;
      &lt;h1&gt;Hello World!&lt;/h1&gt;
      &lt;!-- All of the Node.js APIs are available in this renderer process. --&gt;
      We are using Node.js &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
      Chromium &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
      and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;.
  
      &lt;script&gt;
        // You can also require other files to run in this process
        // require('./renderer.js')
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The problem is that background is not transparent but black :</p>
  
  <p><a href="https://i.stack.imgur.com/NW99s.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NW99s.png" alt="enter image description here"></a></p>
  
  <p>Have tried different things without success (for example <code>app.disableHardwareAcceleration()</code>)</p>
  
  <p><strong>Does someone knows the solution or have a full working example ?</strong></p>
  
  <p>Thx</p>
  
  <p>-</p>
  
  <p>Edit 1 :
  Have also tried with and without <code>--enable-transparent-visuals --disable-gpu</code>
  as said <a href="https://electronjs.org/docs/api/frameless-window" rel="noreferrer">here</a></p>