Skip to content Skip to sidebar Skip to footer

How Do I Get `HTML > Body > Background-Color > Transparent`?

I have this HTML:
Copy

This will make the background of the <html> element visible.

There is no way to make the browser window transparent.


Solution 2:

With inline-styling you can achieve this with:

<body style="background-color: transparent;">

But a better option is to put the following code:

body { background-color:transparent; }

in a CSS file which you link to in the <head> section of the page like so:

<link rel="stylesheet" type="text/css" href="NAMEOFFILE.css">

Solution 3:

background-color: transparent;

Update
However, you HAVE NO WAY to make the browser window transparent. So, even if you use the code above, your background will still be white.


Solution 4:

You need to use CSS instead of HTML attributes to set transparent background:

<body style="background: transparent; margin: 0; padding: 0;">

Preferably you should have a style sheet for the page where you put the styles instead of putting styles in the HTML elements.

Note: To have an iframe with a transparent background (which is the only way that a transparent background on a page can be used) you need to add the allowtransparency attribute to the iframe tag for it to work in IE:

<iframe .... allowtransparency="true"></iframe>

Solution 5:

body {

    background-color: rgba(255, 255, 255, 0.5)
};

last value is alpha - it will set transparency values between 0 and 1; 0 transparent;


Post a Comment for "How Do I Get `HTML > Body > Background-Color > Transparent`?"