css: comment positionner un signe X dans le coin supérieur droit de l'élément img

En outre, position: relative, puis à droite et en bas?

Je veux le fermer signe placés en haut à droite quelle que soit la taille de l'img

position:absolute; top:0; right:0; ?

OriginalL'auteur 9blue | 2014-03-20

  1. 4

    Envelopper le <img> dans un autre élément avec position: relative et placez le signe X comme un frère à l'image. Ensuite, donner le signe X position: absolute et top et right valeurs de 0 ou quoi que ce soit.

    Vous aurez également besoin de s'assurer que l'image est soit width: 100% et/ou l'élément d'habillage est floated ou a display: inline-block.

    Exemple de balisage:

    <div class="parent">
  <img src="image.jpg">
  <button class="close">X</button>
</div>

    Exemple CSS:

    .parent {
  position: relative;
  display: inline-block;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
}

    Voici un stylo: http://codepen.io/Mest/pen/FjeuD/

    OriginalL'auteur Nils Kaspersson