Loading...

XML

Word

Printable

Details

Type: Bug
Resolution: Duplicate
Priority: P2: Important
Fix Version/s: None
Affects Version/s: 5.15.2
Component/s: WebEngine, WebView
Labels:
- QWebEngine
- qwidget
- render
- transparent

Platform/s:

macOS, Windows

Description

QWebEngineView with transparent bg always on top

//Test Code 1
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QMainWindow mainWindow;

    QWebEngineView view(&mainWindow);
    view.setUrl(QUrl("https://www.baidu.com"));
    view.setGeometry(50, 50, 300, 300);
    view.page()->setBackgroundColor(Qt::transparent);

    QWidget overlay(&mainWindow);
    overlay.setGeometry(0, 0, 100, 100);
    overlay.raise();
    overlay.setStyleSheet("background:red");

    QPushButton button(&mainWindow);
    button.setGeometry(100, 0, 100, 100);
    button.setText("button");

    mainWindow.resize(400, 400);
    mainWindow.show();

    return app.exec();

}

//Test Code 2

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QMainWindow mainWindow;

    QWebEngineView *view = new QWebEngineView(&mainWindow);
    view->setGeometry(50, 50, 300, 300);
    view->setHtml("<html><head><style>"
                  "h1 {background-color: #00ff00;}</style></head>"
                  "<body><h1>This is heading 1</h1></body></html>",
                  QUrl("http://localhost"));

    view->page()->setBackgroundColor(Qt::transparent);

    QWidget overlay(&mainWindow);
    overlay.setGeometry(0, 0, 100, 100);
    overlay.raise();
    overlay.setStyleSheet("background:red");

    QPushButton button(&mainWindow);
    button.setGeometry(100, 0, 100, 100);
    button.setText("button");

    mainWindow.resize(400, 400);
    mainWindow.show();

    QObject::connect(&button, &QPushButton::clicked, [ = ]() {
        static bool transparent = false;
        view->page()->setBackgroundColor(transparent ? Qt::transparent : Qt::white);
        transparent = !transparent;
    });

    return app.exec();
}