How to make screenshot of transparent body with transparent body instead of white? #37206

jelebruh · 2025-05-31T16:35:32Z

jelebruh
May 31, 2025

In CDP I have method what fixed this problem

"method": "Emulation.setDefaultBackgroundColorOverride",
"params": {
    "color": {
        "r": 0,
        "g": 0,
        "b": 0,
        "a": 0
    }
}

In servo screenshots with white background, BUT tests with divs have shown that transparency works as intended, source of servo shows RgbaImage.

Answered by jdm

Jun 2, 2025

One option that might work (untested):

set the shell_background_color_rgba preference to [0.0,0.0,0.0,0.0]
add a user stylesheet that overrides the background color with rgba(0,0,0,0) and uses !important

View full answer

jdm · 2025-06-02T19:13:26Z

jdm
Jun 2, 2025
Maintainer

One option that might work (untested):

set the shell_background_color_rgba preference to [0.0,0.0,0.0,0.0]
add a user stylesheet that overrides the background color with rgba(0,0,0,0) and uses !important

1 reply

jelebruh Jun 5, 2025
Author

It works, thanks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

How to make screenshot of transparent body with transparent body instead of white? #37206

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

How to make screenshot of transparent body with transparent body instead of white? #37206

Uh oh!

jelebruh May 31, 2025

Replies: 1 comment · 1 reply

Uh oh!

jdm Jun 2, 2025 Maintainer

Uh oh!

jelebruh Jun 5, 2025 Author

jelebruh
May 31, 2025

Replies: 1 comment 1 reply

jdm
Jun 2, 2025
Maintainer

jelebruh Jun 5, 2025
Author