This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > December 2003 > background opacity + css
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
background opacity + css
|
|
| Andy Smith 2003-12-14, 11:12 am |
| 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
| |
| A Hess 2003-12-14, 11:12 am |
| Somewhere around 12/13/03 9:28 PM, Andy Smith typed wildly with reckless
abandon:quote:
> 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...
| |
|
| A Hess <amphibian@myrealbox.com> wrote in message news:<vto1t1sis4qq59@corp.supernews.com>...quote:
> 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.
| |
| Andy Smith 2003-12-17, 9:41 am |
|
"Trent" <spacerook@marx7.org> wrote in message
news:221fd1f2.0312150928.2805b530@posting.google.com...quote:
> A Hess <amphibian@myrealbox.com> wrote in message
news:<vto1t1sis4qq59@corp.supernews.com>...quote:
>
> 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
| |
| A Hess 2003-12-17, 9:41 am |
| Somewhere around 12/15/03 3:21 PM, Andy Smith typed wildly with reckless
abandon:
quote:
>
> 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
| |
| Andy Smith 2003-12-18, 8:46 pm |
|
"A Hess" <amphibian@myrealbox.com> wrote in message
news:vtu89ph5ah4f56@corp.supernews.com...quote:
> Somewhere around 12/15/03 3:21 PM, Andy Smith typed wildly with reckless
> abandon:
>
a[QUOTE][color=darkred]
drops[QUOTE][color=darkred]
>
> 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
| |
| OllimaX 2003-12-18, 8:46 pm |
| Andy Smith <someone@microsoft.com> kirjoitti Thu, 18 Dec 2003 04:00:37 -
0000:
quote:
>
> "A Hess" <amphibian@myrealbox.com> wrote in message
> news:vtu89ph5ah4f56@corp.supernews.com...
> a
> drops
>
> 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!
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|