[RESOLVED] How to do image over image with css and z-index?

[toplisek]

I have done code for image like example for logo.

I would like to combine image logo with tagline.
Just tagline will change and tagline image will be at the top.
Problem is that both images are seen but it should be effect
at the top and only image of logo and tagline.

Please find my HTML code and CSS:

#mylogo
{
z-index: 2;
width:200px;
height: 45px;
}

#mylogo img
{
  border: none;
}

#mytagline10
{
z-index: 2;
width:200px;
height: 45px;
}

and HTML code:

<img src="mylogo.jpg" border="none" width="200" height="45" alt="" id="mylogo" ><a href=""><img src="tagline.jpg" border="none" width="200" height="45" alt="" id="mytagline10" ></a>

[Fang]

<a href="" style="background:url(mylogo.jpg) no-repeat;"><img src="tagline.jpg" border="none" width="200" height="45" alt="" id="mytagline10" ></a>

[olala123]

thanks!

[WebJoel]

#mylogo
{
 z-index: 2;
width:200px;
height: 45px;
}

#mylogo img
{
  border: none;
}

#mytagline10
{
 z-index: 2;
width:200px;
height: 45px;
}

and HTML code:

<img src="mylogo.jpg" border="none" width="200" height="45" alt="" id="mylogo" ><a href=""><img src="tagline.jpg" border="none" width="200" height="45" alt="" id="mytagline10" ></a>

I'm not sure of two images occupying the same z-index will work (unless one has 'transparent' sections, or is text-based with "background-color:transparent;". Stating both as being "z-index:2;" is no better than just leaving it be the default "z-index;0;"..

Using a background-image and a foreground image (as Fang pointed out), works very well.

And an additional note: z-index:value; does not work on any element that is "position:static;", which is the default state of any element.

z-index will only work on an element with "position:relative;" or "position:absolute;" stated.

[toplisek]

Using a background-image and a foreground image (as Fang pointed out), works very well.

I have put this code but it seems working just tagline without logo.
Is there any problem with this code (not all)? Transparent image...for tagline.

[toplisek]

I have tested and found better solution.
I placed in tag TD my background image. Why do you think code in IE does not work but in Mozilla without problem?
<td colspan="2" width="300" height="70" background="mylogo.jpg">
<a href="<?=$_PATH1 ?>index.html"><img src=''mytagline.png" width="350" height="70" border="none"></a></td>

[WebJoel]

I'd have to see your HTML, -I'm at a loss as to what you are trying to do...