Faire un élément du Dom visible, mais ne prennent pas de place sur la page?

Ce CSS va produire un élément, mais le navigateur ne sera pas le prendre en compte pour la pose de quelque chose d'autre? Est une telle chose possible?

Je veux l'oiseau et le chien sur cette page afin de ne pas affecter le centrage du texte. http://twitter-meme.appspot.com/

Certaines des solutions que je n'aime pas:

  • Faire une seule image et la définir comme image de fond d'écran. (Puis je me retrouve avec une grande image comme arrière-plan).
  • Absolument position du texte (Beurk)
que le lien est mort.

OriginalL'auteur Paul Tarjan | 2009-11-09

  1. 13

    Vous pouvez utiliser position:absolute sur les deux images en définissant la div parent à position:relative et puis positionnement des images à left:0 et right:0 respectivement.

    n'position:relative sur le parent mal quoi que ce soit?
    Pas de. Tant que vous n'avez pas réellement la position de la société mère (en haut, à gauche, en bas ou à droite), puis il va se comporter comme d'habitude. position: relative est en fait le comportement par défaut, mais le définir explicitement permet de absolument position des éléments d'enfant à la mère, au lieu de la fenêtre de document.
    exactement, bien que vous pourriez ajouter à gauche:0, top:0, droite:0, ou en bas:0 et ils n'ont aucun impact.
    Non, la valeur par défaut est le comportement est position: static. Les principales différences entre les deux sont 1. en effet, la capacité de position de position absolue enfants et 2. prise de l'élément de travail avec z-indexs

    OriginalL'auteur Gabriel Hurley

  2. 2

    Le récipient position: relative; et puis absolument position les images respectives dans le récipient.

    OriginalL'auteur reko_t

  3. 0

    sur l'approche peut être de z-index.

    Il aura flottant de sorte que vous pouvez placer n'importe où

    z-index n'a rien à voir avec le positionnement des éléments sans les faire prendre de la place

    OriginalL'auteur Tzury Bar Yochay