Bene, quello che dice il titolo.Qual è la differenza tra gli pseudo-elementi :: after e :: backdrop?
Io davvero non poteva trovare tutte le informazioni dettagliate su di esso, la documentazione MDN è anche piuttosto scarsa se non inutile ..
si può eventualmente fornire esempi e suggerimenti quando si è preferito sopra l'altro?
(https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop)
Questo pseudo-elemento è una scatola resi immediatamente sotto l'elemento (e sopra l'elemento sotto l'elemento nella pila, se presente), all'interno stesso strato superiore.
Come si può vedere nella documentazione che lei ha citato, si aggiungerà un nuovo elementotra il vero e proprio elemento e l'elemento dopo.
Con ::after è possibile inserire il contenuto dopo la contenuti del vostro elemento selezionato (in modo che il contenuto è ancora aggiungere allo stesso elemento), vedere questo example.
Pseudo element after documentation:
Inserire contenuto prima, o dopo, il contenuto di un elemento
corso che, v'è una differenza in quello che i browser possono rendere elementi pseudo: Backdrop vs. After . Come puoi vedere, oggi (20-02-2016) puoi utilizzare ::backdrop solo in chrome, opera e browser Android.
Puoi fare un esempio quando si preferisce :: backdrop? A proposito, non vedendo ** alcun ** esempio di lavoro sul web, nonostante il supporto del browser sia presente. Curioso – user777
Non sarei sorpreso. L'API Fullscreen non è nemmeno finita, tanto meno supportata. (Qualunque sia la parte di esso che sono lì * sono * supportati qui e là.) – BoltClock
@BoltClock la motivazione dovrebbe essere ancora chiara. – user777
Sì, sto solo dicendo che ti sarà difficile trovare una risposta oltre ":: backdrop fa parte dell'API Fullscreen work-in-progress ed è completamente indipendente dal contenuto generato (:: before e: :dopo)." – BoltClock