How to create a transparent iframe ? Last Updated : 14 Jul, 2020 Improve Improve Like Article Like Save Share Report The <iframe> tag is an inline frame. It is used to embed another HTML page within the current HTML page. Syntax: <iframe src = "URL"></iframe> 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”. <iframe src = "URL" allowtransparency = "true"></iframe> Example: HTML code: <!DOCTYPE html> <html> <body> <div style="background: green; padding: 30px;"> <iframe src="iframe.html" allowtransparency="true"> Alternate content </iframe> </div> </body> </html> iframe.html <!DOCTYPE html> <html> <body style= "background-color: transparent; text-align: center; color: #ffffff;"> <p>geeksforgeeks</p> <p>geeksforgeeks</p> <p>geeksforgeeks</p> <p>geeksforgeeks</p> <p>geeksforgeeks</p> <p>geeksforgeeks</p> <p>geeksforgeeks</p> </body> </html> Output: Like Article Suggest improvement Next How to make Element transparent in CSS ? Share your thoughts in the comments Add Your Comment Please Login to comment... Similar Reads How to Set an Input Field Transparent on a Transparent Div in HTML ? How to make Transparent Input Field on a Transparent Div in Tailwind CSS ? How to load a hyperlink from one iframe to another iframe ? How to check if an iframe is present in another iframe in JavaScript ? Create a transparent border with CSS How to create a transparent or blurred card using CSS ? How to Create a Transparent button using HTML and CSS ? Dynamically Create and Remove Iframe in JavaScript How to give text or an image transparent background using CSS ? Node.js GM transparent() Function Like J jnikita356 Follow Article Tags : HTML-Misc HTML Web Technologies