PDA

View Full Version : Help!!! Javascript Layers & Transparency


kathryn
10-17-2002, 08:56 AM
Hi,
I am coding an image map which when clicked on calls javascript functions to show/hide layers which are declared in <DIV> tags. The image map is a map of the USA which when the hotspots are clicked on displays a layer on top of the map with contact info inside. I need to make this contact box transparent so it appears with the USA Map beneath showing through them???

Does anyone have any idea how to do so please help......

Thanx for the help below but another quick question:

If I use the FILTER: alpha(opacity=50); property it makes everything in the table transparent I only want the cells to be not the actual writing in them?? as it makes it very hard to read....


Kathryn

Mr J
10-17-2002, 02:37 PM
Use the CSS filter attribute "ALPHA"





<div style="position:absolute;FILTER: alpha(opacity=50);color:red">Hello World</div>

rsci
10-17-2002, 03:41 PM
If you want the entire tag/layer background transparent, use:

background: transparent

in the style.

Mr J
10-17-2002, 06:55 PM
Kathryn

Sorry I misread your post, but I am now puzzled.

A layer is already transparent unless you give it a colour or use an image as background, so there is no need for opacity.

adej40
10-17-2002, 09:34 PM
Why not produce your text as a gif graphic with a transparent background, and then embed the graphic in the layer. That way, you could also add, say, a drop shadow effect to the text.