Image over another as a stamp using css

Asked

Viewed 267 times

0

I have an image on the screen where I want to add a stamp, the problem is that as this image is inside a foreach, so if I get the image id, will this repeated.

#carimbo-foto{
   position:absolute;
   z-index:0
}


#carimbo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-64px;
    margin-top:-73px;  
    z-index:1
}
<div class="panel-body">
    <div class="carimbo-foto">
        <img src=~/Content/imagens/carimbo.jpg class="img-responsive" id="carimbo" alt="" width="128" height="128">
        <img src=~/Content/imagembanner/@item.LOCALIMAGEM class="img-responsive" id="banner" [email protected] width="560" height="315">
    </div>
</div>

Upshot:

inserir a descrição da imagem aqui

jquery css asp.net-mvc

  • I didn’t quite understand the problem.. you’re using some function in Jquery for this?

  • My question is about the possibility of adding a stamp to the image, so that the stamp always stays inside the image of the banner, this stamp I want when clicking save the image it comes together.

  • Got @itasouza, my guess is that you will need to merge the images to create only one. Maybe there is Apis for this.

  • Take a look at this: http://brianium.github.io/watermarkjs/.

No answers

Browser other questions tagged jquery css asp.net-mvc

You are not signed in. Login or sign up in order to post.