Hover image - display div over it

Question

On hover I want a link apear at the top-right of the image. Just like on your profile picture on Facebook, where it says \"Change Picture\".

I have tried to to get it wo

Answer 1

You need to absolute position the link in a container that has position different than the normal flow. In this example I use relative for that on the container. Try this:

HTML

  

    Edit
    
  

CSS

.imgHover { float: left; }
.imgContainer { position: relative; }
.imgContainer a { display: block; position: absolute; top: 0; right: 0; background: Green;}