Transparency with css, is it possable?

[DDragon]

I was wondering if making an image (or a solid bar type) transparent with css is possible? If it is or anyone knows of any examples (or could point me in the right direction) i would be great full for the help.

DD

[flabbyrabbit]

You could set the alpha of the image to 0 something like:

Code: Select all

   filter:alpha(opacity=0);
   -moz-opacity:0.0;
   opacity:0.0;
   -khtml-opacity:0.0;

Flabby Rabbit

[rangana]

@flabby, there's no need for -moz-opacity and -khtml-opacity as FF do understand opacity.

[Johnathan]

But is it ONLY FF that understands it? If it is then there would be a need for it if you wanted it to show in other browsers, right?

[rangana]

IE and FF opacity varies. FF uses opacity, while IE uses filter

-moz-opacity is deprecated and should'nt be used. as well as -khtml-opacity.

Hope I'm making sense.

[DDragon]

Ok can you give an example of how each would be used at once so both IE and FF will see the same effect please?

DD

P.S: Thanks for the reply's.

[rangana]

See this link:
http://www.w3schools.com/Css/css_image_transparency.asp

[flabbyrabbit]

That was just the way I knew that worked.

Flabby Rabbit

[DDragon]

Thanks Flabby/Rangana.

DD

[DDragon]

Just a follow up on this one...

Is there a way to get transparency to the effect of glass or something closer without the whitish background on the image?

DD