CODEWITHSUNDEEP
htmlcssbackgroundbackground-coloropacity
user2056563
user2056563

Reputation: 640

How do I get `HTML > Body > Background-Color > Transparent`?

I have this HTML:

<html>
    <head>
    </head>

    <body bgcolor="#FFFFFF" style="margin:0px;padding:0px;">
        <div style="width:100%; color:#000000; padding:25px; font-family: Segoe UI;font-size: 17px;">
        </div>
    </body>
</html>

I have set the background-color with bgcolor="#FFFFFF". But how do I make this transparent?

Upvotes: 6

Views: 82259

Answers (6)

lisandro
lisandro

Reputation: 496

Use body{background:none transparent;} or <body style="background:none transparent;"> There is no need for allowtransparency ="true" in your iframe.

Upvotes: -1

Samat Baltin
Samat Baltin

Reputation: 11

body {

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

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

Upvotes: 0

Guffa
Guffa

Reputation: 700372

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>

Upvotes: 1

Razvan B.
Razvan B.

Reputation: 6771

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.

Upvotes: 1

display-name-is-missing
display-name-is-missing

Reputation: 4409

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">

Upvotes: 3

Quentin
Quentin

Reputation: 943601

HTML provides no means to specify a transparent background (and the means it has to specify backgrounds of any kind are obsolete and should not be used). You can do this in CSS.

body { 
    background-color: transparent;
}

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

There is no way to make the browser window transparent.

Upvotes: 8

Related Questions