How to create a transparent iframe ?

The <iframe> tag is an inline frame. It is used to embed another HTML page within the current HTML page.

Syntax:

filter_none

edit
close

play_arrow

link
brightness_4
code

<iframe src = "URL"></iframe>

chevron_right


A transparent iframe can be made by setting its background to transparent.

body {
    background-color : transparent;
}

And, the allowtransparency attribute of “iframe” is to be set as “true”.

filter_none

edit
close

play_arrow

link
brightness_4
code

<iframe src = "URL" allowtransparency = "true"></iframe>

chevron_right


Example: