CSS table transparency make img opaque?

mortals

mortals

mortals

Soldato
Joined
17 Oct 2002
Posts
3,103
I've just started designing a new site and it all looks nice, has transparent tables etc using CSS. The only problem I've come across is all my images are also transparent :(.

I managed to get it so the text isn't transparent.

I've tried lots of things for images like setting opacity to 100% in the img tag but it doesn't seem to make any difference :confused:
Code: 
	background-color: #DBDDE9;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
I tried
Code: 
img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
but it doesn't take any notice :)

I was thinking of trying the transparent png way but last time I did that it seemed a bit slow. :( altho I did get it working with IE

Wonder if it's possible to do it using java or something
 
Fensta said:
have you tried putting it as filter: alpha(opacity= -100);
?

Just a thought
Click to expand...
just gave that a go, doesn't seem to make any difference :(

I have:

filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

set for the text and it seems to work ok.

Code: 
div#leftcolumn {
	background-color: #DBDDE9;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
div#leftcolumn * {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
there's what I have for transparent bg and opaque text
 
Last edited:
It's simply the way opacity works at current. If you set opacity on a parent element, all child elements inherit the opacity value and it can't be increased.
 
Augmented said:
It's simply the way opacity works at current. If you set opacity on a parent element, all child elements inherit the opacity value and it can't be increased.
Click to expand...
cool :)

That exlpains why it ignores the img setting.
I might try png transparency.

Just tried png and it looks all nice in dreamweaver but on firefox it doesn't seem to work :(
 
Last edited:
hi. can I make a bad point? I don't like the background on the main text. The point of main text is to be read. When it is scrolled the background seems to be static ... so I end up looking at that.
 
upon opening the site ie gives me a warning saying some things might work, oh and also I can't read the text, tbh I think that the background image should be for the background, and use a easier on the eye content background.
 
Now I've looked at it I see what you mean about the text, will have to look at either changing the bg or changing the text.

The warning thing should only come up on IE, few bits don't seem to work on IE, altho I've not tried it on IE7.

Thx for feedback.
 
You must log in or register to reply here.
Back
Top Bottom