Jump to content

Show an Image at the Bottom Right of a page


Guest mpod
 Share

Recommended Posts

I would like to show an image at the bottom right of my page. The following method works fine until the content gets too big.position: absolute;bottom: 20px;right: 20px;If there is enough content to fill the window, the image is then shown inside the content. Is there any way to edit the CSS so that the image will show in the bottom right of the window but not show inside the content if there is enough of it?

Link to comment
Share on other sites

I would like to show an image at the bottom right of my page.  The following method works fine until the content gets too big.position: absolute;bottom: 20px;right: 20px;If there is enough content to fill the window, the image is then shown inside the content.  Is there any way to edit the CSS so that the image will show in the bottom right of the window but not show inside the content if there is enough of it?

Make a new div top layer (z-index: 10) with 100% width and 100% height. Then put an image to its background and set image's position to bottom left. I think it works.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...