<h3 dir="auto">Preflight Checklist</h3>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<ul dir="auto">
<li><strong>Electron Version:</strong>
<ul dir="auto">
<li>10.1.3</li>
</ul>
</li>
<li><strong>Operating System:</strong>
<ul dir="auto">
<li>Ubuntu 20.04 x64</li>
</ul>
</li>
<li><strong>Last Known Working Electron version:</strong>
<ul dir="auto">
<li>4.0.5</li>
</ul>
</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">I'm trying to create a transparent Electronjs frame on Ubuntu.</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Black background</p>
<p dir="auto">`const { app, BrowserWindow } = require('electron')</p>
<p dir="auto">function createWindow () {<br>
const win = new BrowserWindow({<br>
width: 800,<br>
height: 600,<br>
frame: false,  // open for original windows state<br>
transparent: true,<br>
webPreferences: {<br>
nodeIntegration: true<br>
}<br>
})</p>
<p dir="auto">win.loadFile('index.html')<br>
//win.webContents.openDevTools()<br>
}</p>
<p dir="auto">app.whenReady().then(createWindow)</p>
<p dir="auto">app.on('window-all-closed', () =&gt; {<br>
if (process.platform !== 'darwin') {<br>
app.quit()<br>
}<br>
})</p>
<p dir="auto">app.on('activate', () =&gt; {<br>
if (BrowserWindow.getAllWindows().length === 0) {<br>
createWindow()<br>
}<br>
})`</p>
<h3 dir="auto">Screenshots</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/51656705/96429371-89276c80-1209-11eb-8592-256156047940.png"><img src="https://user-images.githubusercontent.com/51656705/96429371-89276c80-1209-11eb-8592-256156047940.png" alt="Screenshot from 2020-10-19 12-49-07" style="max-width: 100%;"></a></p>
<h3 dir="auto">Preflight Checklist</h3>
<ul dir="auto">
<li>[ x] I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li>[ x] I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li>[ x] I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<p dir="auto">Transparent failed in v10.0.0 and v11.0.0-beta. 1, but normal in v4-v9.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const onAppReady = () =&gt;{
  let parent = new BrowserWindow({
    width: 300,
    height: 300,
    transparent: true,
    frame: true
  })
  parent.loadFile('main.html')
}

app.on('ready', () =&gt;setTimeout(onAppReady, 500))"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-en">onAppReady</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span><span class="pl-kos">{</span>
  <span class="pl-k">let</span> <span class="pl-s1">parent</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">BrowserWindow</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
    <span class="pl-c1">width</span>: <span class="pl-c1">300</span><span class="pl-kos">,</span>
    <span class="pl-c1">height</span>: <span class="pl-c1">300</span><span class="pl-kos">,</span>
    <span class="pl-c1">transparent</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
    <span class="pl-c1">frame</span>: <span class="pl-c1">true</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span>
  <span class="pl-s1">parent</span><span class="pl-kos">.</span><span class="pl-en">loadFile</span><span class="pl-kos">(</span><span class="pl-s">'main.html'</span><span class="pl-kos">)</span>
<span class="pl-kos">}</span>

<span class="pl-s1">app</span><span class="pl-kos">.</span><span class="pl-en">on</span><span class="pl-kos">(</span><span class="pl-s">'ready'</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span><span class="pl-en">setTimeout</span><span class="pl-kos">(</span><span class="pl-en">onAppReady</span><span class="pl-kos">,</span> <span class="pl-c1">500</span><span class="pl-kos">)</span><span class="pl-kos">)</span></pre></div>
<ul dir="auto">
<li>
<p dir="auto"><strong>Electron Version:</strong><br>
v10.0.0 and v11.0.0-beta.1</p>
</li>
<li>
<p dir="auto"><strong>Operating System:</strong><br>
x86_64 Linux version 5.4.50-amd64-desktop (deepin@deepin-PC)<br>
(gcc version 8.3.0 (Uos 8.3.0.3-3+rebuild))</p>
</li>
<li>
<p dir="auto"><strong>Last Known Working Electron version:</strong><br>
v9.2.1</p>
</li>
</ul>
<h3 dir="auto">Screenshots</h3>
<p dir="auto">v9.2.1<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/24741025/91416281-c151a500-e881-11ea-862c-730e7fb769f4.png"><img src="https://user-images.githubusercontent.com/24741025/91416281-c151a500-e881-11ea-862c-730e7fb769f4.png" alt="image" style="max-width: 100%;"></a><br>
v10.0.0<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/24741025/91416474-02e25000-e882-11ea-96d4-a5a60e2e4c73.png"><img src="https://user-images.githubusercontent.com/24741025/91416474-02e25000-e882-11ea-96d4-a5a60e2e4c73.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">Additional Information</h3>
<p dir="auto">I have tested v4/v5/v9 are normal, only v10 - v11 failed.</p>