[web] Layering two images, within a table

Started by
2 comments, last by drackill 18 years, 8 months ago
Hello, Just wondering but I'm working on something and I wish to conceal a jpg image of the same size, with a semi transparent gif which will go over it, both of these images will be in the same TD I'm just wondering if this is possible? As I have been looking on the net but unfortunatly been unable to find anything to help me. At the moment i have one img looking at img.behind and one image looking at img.front, these are within a css page the behind has z-index: 1; the front has a z-index: 2; but unfortunatly this hasnt worked, as it just lays the image to the other images side, i'm thinking its something to do with positioning but I'm unsure. Thanks in advance for any help.
Advertisement
an easy hack is to make the background image of the table image.behind and then put image.front in the table
Perhaps use the css?

make something like

.layerpic {
background-image: url(images/image.jpg);
background-repeat: no-repeat;
}

then in the table

<td class = layerpic>

</td>

Does that help at all?
Awww thanks mate, your a star. Worked perfectly.

This topic is closed to new replies.

Advertisement