domingo, 1 de mayo de 2016

CCS: posiciones

Determinar posiciones via CSS en desarrollos web:

  • position:
    1. static: es estático, no los afectan los top, left, etc
    2. relative: es relativo a la posición,
    3. fixed: fijo, aun si escroleas eso no se mueve
    4. absolute: se posiciona con respecto al div "padre" más cercano (en lugar de posicionado con respecto a la ventana gráfica, como fixed pero de un div padre y no de la ventana entera.
  • z-index: aca va un número (puede ser negativo): es para cuando quedan consas superpuestas, el z index 100 se va a ver por arriba del 99.
  • left: distancia al margen izquierdo
  • top: distnacia al margen superior


Queda entonces:

img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

No hay comentarios:

Publicar un comentario