How to make a foreground image using CSS?

Question

I've got this image and i want to put it over my website as a foregound. It should overlap the background and the elements. I'm using CSS.

https://www.dropbox.com/s/aawxonln4h1i5dt/Snow.png?dl=0

`position:absolute; bottom:0;z-index:9999` ? – Kiee Dec 21 '14 at 20:32 — Kiee, Dec 21 '14 at 20:32

score 3 · Accepted Answer · answered Dec 21 '14 at 20:33

3

If I understand correctly you want something like this:

Html (place somewhere on top):

<img src="URL_TO_IMAGE" id="overlay"/>

CSS:

#overlay{
width:100%;
position:absolute; /*You may also use fixed depending on your needs.*/
left:0;
top:0; /*If you want it at the bottom you probably want bottom:0 instead*/
z-index: 999;
}

answered Dec 21 '14 at 20:33

Slava Knyazev

5,377
1
22
43

1

Could you also use CSS classes? Like and .one {CSS porperties} – HYBR1D Dec 21 '14 at 21:18

How to make a foreground image using CSS?

1 Answers1