Бар с заголовком появляется в окне прозрачного наложения ⇐ Javascript

[Anonymous]

В настоящее время я хочу написать наложение, которое использует электрон. Предполагается, что наложение будет прозрачным.

рассматриваемое окно: < /p>

Код: Выделить всё

const mainWindow = new BrowserWindow({
width: 100,
height: 100,
frame: false,
alwaysOnTop: true,
transparent: true,
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
},
})
< /code>
 проблема < /h2>
Когда я щелкну в окне, а затем в другом месте, в другом приложении или что -то в этом роде, появляется верхняя полоса. Я попробовал это на двух разных машинах, Windows 10 и 11. Основная цель-пользователи Windows, поэтому (в конце концов) решения только для Windows приветствуются. Согласно учебным пособиям, которые я видел в Интернете, как я его настроил, должен работать…
 как это выглядит как 


Какова работа была настройка кадра: true 

, а затем настройка высоты кадра на 0 . Однако это приводит к тому, что окно не является Draggable .
Проблема, по -видимому, связана с прозрачной: true , поскольку, когда я его удаляю, стержень не отображается, но он больше не прозрачен (OFC): ').
воспроизводится/дополнительное ​​
воспроизводит/дополнительная (ofc).

Код: Выделить всё

main.ts

Код: Выделить всё

import { app, BrowserWindow } from 'electron'
import * as path from "node:path";

const createWindow = () => {
const mainWindow = new BrowserWindow({
width: 100,
height: 100,
frame: false,
alwaysOnTop: true,
transparent: true,
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
},
})

mainWindow.loadFile(path.join(__dirname, 'index.html'));
}

app.on('ready', () => {
createWindow();
});
< /code>
index.html

Код: Выделить всё

text

версия
Я попробовал электронную версию 37.1.0 и 35.6.0

Спасибо за любые предложения или помощь в заранее!

Подробнее здесь: https://stackoverflow.com/questions/796 ... lay-window