ansaurus

Question

Answer 1

+1 A:

Your assumption of background color seems to be wrong.

Making a background transparent means you will get the background of the underlying element. I think in this case its your body element. Since you have set a background color for the body tag all the element with background color transparent will show the body's background color.

Edit:

After reading your comment to the above answer I would like whether the image path is shown and the image width and height cover the whole body element.

rahul 2009-08-31 07:14:24

I've added the changes in my original post.

RD 2009-08-31 08:34:05

I've also added screenshots! :-)

RD 2009-08-31 08:39:56

Answer 2

A:

If you could use a 3rd party tool, JQuery provides this functionality:

http://mihaistancu.wordpress.com/2008/08/02/cross-browser-transparent-background-with-jquery-no-css-hacks-no-png-files/

Russell 2009-08-31 07:14:34

Answer 3

A:

But I think this is what's supposed to happen.

If the div isn't assigned a background colour, the body background colour will be visible.

Especially if you say the div background is transparent.

pavium 2009-08-31 07:15:11

Maybe i wasnt clear. To the new div, I added those "background: transparent" entries, and the div still shows the body's background, and NOT making it transparent.

RD 2009-08-31 07:19:57

I'm afraid I don't get it yet ... aren't you describing a situation where the body's background is visible BECAUSE the the div's background is transparent?

pavium 2009-08-31 07:29:52

No i am not. :-) See my comment above. I forgot to mention the page also has a background-image. I will see if I cant put an example online.

RD 2009-08-31 07:45:15

Answer 4

+2 A:

not sure whats going wrong here (if anything is going wrong at all), transparent and none mean that the div shouldnt have its own colour and therefore you will see through the div to the background of the parent container....if none of the parents have a colour then you will see the background of the body/page

Mauro 2009-08-31 07:15:28

Ok. more info. the body has a background-image AND a color. And the div is over the IMAGE part of the background. So, in theory, if it was transparent, you should see the image. However, I see the COLOR. I added a border around it, which makes it clear that the div is in fact one solid color and NOT transparent.

RD 2009-08-31 07:44:01

Answer 5

A:

not sure what you expected. I get consistent behavior in firefox and IE for this code:

<html>
<style>
body
{
    background: green;
}
.a
{
    bacgkround-color: none;
}
</style>
<body>
<div class="a">hello</div>
<div>world</div>
</body>
</html>

if this is a more complex scenario, did you use debugBar to check the applied style, or at least FireBug on firefox to see what is actually applied?

Yonatan Karni 2009-08-31 07:21:48

ansaurus

tags:

views:

answers:

IE and Transparent Backgrounds

related questions