regresar a la lección

Posiciona la nota adentro (absolute)

importancia: 5

Ampliando a la tarea anterior Muestra una nota cercana al elemento (absolute): enséñale a la función positionAt(anchor, position, elem) a insertar elem dentro de anchor.

Los nuevos valores para posición son position:

  • top-out, right-out, bottom-out – funciona ingual que antes, inserta el elem encima, a la derecha o debajo de anchor.
  • top-in, right-in, bottom-in – inserta el elem dentro del anchor: lo fija en la parte superior, derecha o inferior del borde.

Por ejemplo:

// Muestra la nota encima de la cita textual
positionAt(blockquote, "top-out", note);

// Muestra la nota dentro de la cita textual en la parte superior
positionAt(blockquote, "top-in", note);

El resultado:

Para el código fuente toma la solución de la tarea Muestra una nota cercana al elemento (absolute).