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, inserisconoelem
sopra/a destra/sottoanchor
.top-in
,right-in
,bottom-in
– inserisconoelem
all’interno dianchor
: 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.