Overlapping Images

XML, Perl, Python, and other languages can be discussed here, even if it isn't PHP (We might forgive you).

Moderator: General Moderators

Post Reply
Parody
Forum Contributor
Posts: 252
Joined: Fri May 06, 2005 7:06 pm
Location: Great Britain

Overlapping Images

Post 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
User avatar
JAM
DevNet Resident
Posts: 2101
Joined: Fri Aug 08, 2003 6:53 pm
Location: Sweden
Contact:

Post 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.
Parody
Forum Contributor
Posts: 252
Joined: Fri May 06, 2005 7:06 pm
Location: Great Britain

Post by Parody »

Can you post an example of the use of z-index please? So I know how to set out my coding?

Thanks
Post Reply