spectrum48k

saw this and thought it was really cool:
http://universalurban.com/maryjblige/

Now scroll down the page and see the way the table is sort of at 25% transparency, and shows the underlying background image

Are there any articles describing how this is done, and does it work across all browsers ?

bob269

Its a command called alpha filter.

This is a snippet from the above site

BORDER-RIGHT: #e4c155 4px dashed; PADDING-RIGHT: 8px; BORDER-TOP: #e4c155 4px dashed; MARGIN-TOP: 0px; PADDING-LEFT: 8px; FONT-SIZE: 11px; FILTER: Alpha(Opacity=92); BACKGROUND-IMAGE: url(/site/art/global/black_trans.png); PADDING-BOTTOM: 8px; MARGIN-LEFT: auto; BORDER-LEFT: #e4c155 4px dashed; WIDTH: 860px; MARGIN-RIGHT: auto; PADDING-TOP: 8px; BORDER-BOTTOM: #e4c155 4px dashed; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Arial, Helvetica, sans-serif

Pretty sure it's an IE6+ only feature.

Some examples can be found here http://www.ssi-developer.net/css/visual-filters.shtml

HankScorpio

You can add it in CSS but you need two entries, one for IE, one for Mozilla. Can't remember which is which!

filter:alpha(opacity=60);
opacity:0.6;

spectrum48k

thanks - will check it out

typical - one version for mozilla, another for IE!