how to set background image and foreground image in css?

[ashley Jug]

Hello,

sorry i know it sounds like a silly question but i have two pictures, pic1.jpg and pic2.jpg.I want to set pict1 as background and have pict2(foreground) displayed over pict1.jpg, i don't know how to set the pict2 over pict1.

I know for the background it will be :

#background{

background-image: url("pict1.jpg");
background-repeat:no-repeat;

In my html file it is:

<div class ="background">
</div>

how do i set pict2 over pict1 in the html file?

Thanks in advance.

[Bear Bibeault]

With an <img> tag. There's no such thing as a foreground image.

[Mohan Mehra]

#background{  
  
background-image: url("pict1.jpg");  
background-repeat:no-repeat;

<div class="background"><img src="pict2.jpg" alt="pict2"></div>