2009-11-09 10 views
8

¿Qué CSS producirá un elemento pero el navegador no lo tendrá en cuenta para diseñar algo más? ¿Es posible tal cosa?¿Es visible un elemento Dom pero no ocupa espacio en la página?

Quiero que el pájaro y el perro en esta página no afecten el centrado del texto. http://twitter-meme.appspot.com/

Algunas soluciones que no me gustan:

  • crear una sola imagen y configurarlo como imagen de fondo. (Luego termino con una gran imagen como fondo).
  • colocar de manera absoluta el texto (puaj)
+0

ese enlace está muerto. –

Respuesta

13

Usted podría utilizar position:absolute en las dos imágenes ajustando el div padre para position:relative y luego posicionar las imágenes para left:0 y right:0 respectivamente.

+0

does position: relativo en el padre lastimado algo? –

+0

No. Mientras no coloque realmente el elemento principal (con la parte superior, izquierda, inferior o derecha), se comportará de forma normal. position: relative es en realidad el comportamiento predeterminado, pero su configuración explícitamente le permite posicionar absolutamente elementos secundarios en el elemento primario en lugar de hacerlo en la ventana del documento. – Binarytales

+0

@Binarytales: exactamente, aunque podría agregar left: 0, top: 0, right: 0, o bottom: 0 y no tendrían ningún impacto. –

0

en el enfoque puede ser z-index.

Tendrá flotando para que pueda colocar en cualquier lugar

+1

' z-index' no tiene nada que ver con elementos de posicionamiento sin hacer que ocupen espacio –

2

Hacer el recipiente tiene position: relative; y luego posicionar absolutamente las imágenes respectivas al contenedor.

Cuestiones relacionadas