Page 1 of 1

Overlapping Images

Posted: Sun May 29, 2005 6:44 am
by Parody
For a project I am doing I need to edit images using tick boxes, so for example:

Tickbox (if ticked display something on the picture)

That is simple enough. But now some of the images need transparent parts so that the others can be seen. Is there a code somewhere that allows this?

So basically I will have a number of images on top of each other. Only displayed if the tickboxes are ticked. Some parts of the images have to be transparent. But html doesn't allow overlapping images, does it? I don't really know. I tried and failed.

Any suggestions :?:

Thanks

Posted: Sun May 29, 2005 7:40 am
by JAM
It sounds like the z-index might work in this case. Have all transparent images at the very back, hidden by the bigger image, and move them forward as wanted with onclick evenst or similiar.

Posted: Sun May 29, 2005 2:24 pm
by Parody
Can you post an example of the use of z-index please? So I know how to set out my coding?

Thanks