Comment la superposition de Glyphicon sur l'image

Je ne peux pas obtenir ma tête autour de la façon de couche d'un Glyphicon (.glyphicon-
zoom-in) sur un Bootstrap .img-vignette.

La règle css est - content:"\e015";

  • Vous pouvez poster votre tentative s'il vous plaît? (code)
  • vous souhaitez icône devrait apparaître sur le :hover. jsbin.com/dasemikatube/1/edit
InformationsquelleAutor user3738962 | 2014-08-25
  1. 22

    HTML:

    <div class="wrapper"><img src="..."><span class="glyphicon glyphicon-leaf"></span><div>

    CSS:

    .wrapper {
   position: relative;
}

.wrapper .glyphicon {
   position: absolute;
   top: 20px;
   left: 40px;
}

    http://jsfiddle.net/idmean/7672Lt7L/1/ Doux, n'est-ce pas?

    • Yay pour la douceur 🙂
    InformationsquelleAutor idmean