torna alle lezioni

Posizionate la nota all'interno (position:absolute)

importanza: 5

Estendete l’esercizio precedente Mostrate una nota vicino l'elemento (position:absolute): fate in modo che la funzione positionAt(anchor, position, elem) inserisca elem all’interno di anchor.

Nuovi valori per position:

  • top-out, right-out, bottom-out – funzionano come prima, inseriscono elem sopra/a destra/sotto anchor.
  • top-in, right-in, bottom-in – inseriscono elem all’interno di anchor: posizionandolo nel bordo superiore/a destra/inferiore.

Per esempio:

// mostra la nota sopra blockquote
positionAt(blockquote, "top-out", note);

// mostra la nota all'interno di blockquote, nel bordo superiore
positionAt(blockquote, "top-in", note);

Ecco il risultato:

Prendete la soluzione dell’esercizio Mostrate una nota vicino l'elemento (position:absolute) come codice sorgente.