Fixed image

Get Started
1

Hi,
please tell me how to make a fixed image which does not scroll with the rest of the page. like this one on comodo at the bottom right of the page:

how to do it in css .
Or if javascript is used, is there an easy, simple way to do it.
css background image property shows the image as the background of the page, as the name shows obviously. i want image on top of everything else.
thanx.

2

Hi mistaya123,

The placement of the image is done just with CSS. There is some JS in there, but mainly to create a popup effect when the image is clicked.

Here is the HTML…


<div id="cot_tl_fixed">
  <a href="">
    <img alt="" src="">
  </a>
</div>

and the CSS…


#cot_tl_fixed {
  bottom:0;
  position:fixed;
  right:0;
}
3

Ic. Now i know what to do. To put the image directly in the html, instead of the css, in which case i have to put it as an background image and it goes behind the text.
Thanx a bunch.

4

No, not if the image is in the html. That would be the case if it were in the CSS. When in the html, it can go in front of the text if required.

5

check out

it has lots of css samples showing some of the more fun implementations.