By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,655 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

background opacity + css

P: n/a
I am trying to get a background within a table transparent. I am using:

style="filter:alpha(opacity=65);"

The only problem is that everything within the table is now faded. Not my
intention. I would just like the background the be semi-transparent.

Any help would be greatly appreciated.

Andy
Jul 20 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
Somewhere around 12/13/03 9:28 PM, Andy Smith typed wildly with reckless
abandon:
I am trying to get a background within a table transparent. I am using:

style="filter:alpha(opacity=65);"

The only problem is that everything within the table is now faded. Not my
intention. I would just like the background the be semi-transparent.

Any help would be greatly appreciated.

Andy


"Filter" only works in IE. You'd be better off using a semi-transparent
gif or png as a background. But then, IE can have problems with pngs.

As for the 'semi-transparent' GIF, it's "actually just a pattern of
transparent and opaque pixels which fills the background of a table that
is floating over the background of the page. In this case you get about
a 50% opacity, as half of the pixels are transparent (and therefore half
are not). GIF transparency is an all or nothing proposition, a pixel is
either transparent or not. However, by mixing transparent and opaque
pixels you can effectively achieve a blend."

The above paragraph was taken from
http://groups.yahoo.com/group/ps6/message/444 because they explained it
better than I could.

I hope this helped, Aron

--
Hacking is kinda like sex... You jack in, jack out and hope that you
didn't leave anything behind that they can trace back to you...
Jul 20 '05 #2

P: n/a
A Hess <am*******@myrealbox.com> wrote in message news:<vt************@corp.supernews.com>...
As for the 'semi-transparent' GIF, it's "actually just a pattern of
transparent and opaque pixels which fills the background of a table that
is floating over the background of the page. In this case you get about
a 50% opacity, as half of the pixels are transparent (and therefore half
are not). GIF transparency is an all or nothing proposition, a pixel is
either transparent or not. However, by mixing transparent and opaque
pixels you can effectively achieve a blend."


VERY interesting. This is essentially a dithering technique using transparency.
Jul 20 '05 #3

P: n/a

"Trent" <sp*******@marx7.org> wrote in message
news:22**************************@posting.google.c om...
A Hess <am*******@myrealbox.com> wrote in message

news:<vt************@corp.supernews.com>...
As for the 'semi-transparent' GIF, it's "actually just a pattern of
transparent and opaque pixels which fills the background of a table that
is floating over the background of the page. In this case you get about
a 50% opacity, as half of the pixels are transparent (and therefore half
are not). GIF transparency is an all or nothing proposition, a pixel is
either transparent or not. However, by mixing transparent and opaque
pixels you can effectively achieve a blend."


VERY interesting. This is essentially a dithering technique using

transparency.

Still not able to sort this out using a PNG, trans GIF. Does anyone know a
style sheet trick I could use. The one I listed in my first post also drops
the opacity of the text in the table.

Andy
Jul 20 '05 #4

P: n/a
Somewhere around 12/15/03 3:21 PM, Andy Smith typed wildly with reckless
abandon:

Still not able to sort this out using a PNG, trans GIF. Does anyone know a
style sheet trick I could use. The one I listed in my first post also drops
the opacity of the text in the table.

Andy


I found this on google. Examine this perhaps:
http://www.wannabegirl.org/translucent/
Aron

--
Absence is to love what wind is to fire; it extinguishes the small, it
enkindles the great. - Comte de Bussy-Rabutin
Jul 20 '05 #5

P: n/a

"A Hess" <am*******@myrealbox.com> wrote in message
news:vt************@corp.supernews.com...
Somewhere around 12/15/03 3:21 PM, Andy Smith typed wildly with reckless
abandon:

Still not able to sort this out using a PNG, trans GIF. Does anyone know a style sheet trick I could use. The one I listed in my first post also drops the opacity of the text in the table.

Andy


I found this on google. Examine this perhaps:
http://www.wannabegirl.org/translucent/
Aron

--
Absence is to love what wind is to fire; it extinguishes the small, it
enkindles the great. - Comte de Bussy-Rabutin


your a star!

cheers,
Andy
Jul 20 '05 #6

P: n/a
Andy Smith <so*****@microsoft.com> kirjoitti Thu, 18 Dec 2003 04:00:37 -
0000:

"A Hess" <am*******@myrealbox.com> wrote in message
news:vt************@corp.supernews.com...
Somewhere around 12/15/03 3:21 PM, Andy Smith typed wildly with reckless
abandon:
>
> Still not able to sort this out using a PNG, trans GIF. Does anyone

know

a
> style sheet trick I could use. The one I listed in my first post also drops > the opacity of the text in the table.
>
> Andy
>
>


I found this on google. Examine this perhaps:
http://www.wannabegirl.org/translucent/
Aron

-- Absence is to love what wind is to fire; it extinguishes the small,
it
enkindles the great. - Comte de Bussy-Rabutin


your a star!

cheers,
Andy


be very careful using this. I tried similiar, with a background which had a
pattern, and got an ugly moire.
Of course a background with fine detailed pattern is a horrible choice in
many otherwise too, but...
OllˇmaX!
Jul 20 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.