> Faqs > Como hacer para que un elemento flotante esté arriba a la derecha con CSS?

Como hacer para que un elemento flotante esté arriba a la derecha con CSS?

¿Cómo hago para que un elemento flotante se posicione arriba a la derecha?

¿Cuál es su atributo CSS?

Muchas gracias

Respuestas

Supongo que te refieres a una capa flotante que aparezca encima del resto del contenido.

En ese caso tienes que usar position fixed.

.capaFlotante {
    position: fixed;
    top: 0;
    right: 0;
}
Miguel Angel
3145 140 209 17
Muchas gracias capo

También podrías hacer un position: absolute para conseguir elementos que se posicionan en cualquier lugar que lo necesites.

.capaFlotante {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}

Aquí la diferencia sería justamente que este elemento flotante se moverá cuando hagas scroll en la página. Pero si no quieres que se mueva, entonces usas position: fixed.

Otra cosa muy importante es el tema del z-index, para asegurarte que el elemento se coloca por encima de otros elementos que tengas en la página. A mayor z-index se ve más delante el elemento, tapando otros que tengan z-index menor, o que no tengan definido z-index.

Gustavo
144 2 12 10