For example, placing a floating image in the lower right corner

Question

Basically, I want to put a transparent image in the lower right corner. I read questions about law from above, law, etc. However, I can only apply margin-top: 100%;that will put it where I want, BUT it will show the scroll bar and the image will really be below, I can’t even see it.

Any ideas are welcome.

Answer 1

Try

right: 0px;
bottom: 0px;

Of course you will need fixed positioning:

position: fixed;

This will make it stick to the lower right corner where the user scrolls.

Answer 2

Do it like:

background-image:url('someurl/image.png');
background-position:right bottom;
background-repeat:no-repeat;

Grz, Kris.