2009-11-09 5 views
8

Quel CSS va produire un élément mais le navigateur ne le prendra pas en compte pour tout autre chose? Une telle chose est possible?Rendre un élément Dom visible mais ne prend pas de place sur la page?

Je veux que l'oiseau et le chien sur cette page n'affectent pas le centrage du texte. http://twitter-meme.appspot.com/

Certaines solutions que je n'aime pas:

  • Faire une seule image et la définir comme fond image. (Ensuite, je me retrouve avec une grande image en arrière-plan).
  • positionner Absolument le texte (beurk)
+0

ce lien est mort. –

Répondre

13

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

+0

est-ce que la position: parent sur le parent a blessé quelque chose? –

+0

Non. Tant que vous ne positionnez pas réellement le parent (en haut, à gauche, en bas ou à droite), il se comportera normalement. position: relative est en fait le comportement par défaut, mais le paramétrer explicitement vous permet de positionner de manière absolue les éléments enfants sur le parent plutôt que sur la fenêtre du document. – Binarytales

+0

@Binarytales: exactement, bien que vous puissiez ajouter left: 0, top: 0, right: 0, ou bottom: 0 et ils n'auraient aucun impact. –

0

en approche peut être z-index.

Il aura les faisant flotter de sorte que vous pouvez les placer partout

+1

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

2

Rendre le contenant ont position: relative; puis positionnez absolument les images respectives sur le conteneur.

Questions connexes