Ho un div che uso per visualizzare gli avvisi quando necessario.Visualizzazione CSS: nessuna e visibilità: nascosta
Se voglio chiuderlo dopo un po 'posso usare display: nessuno o dovrei usare display: nessuno e visibilità: nascosto?
Quindi uno o entrambi.
Grazie.
Depends. Se hai bisogno che lo spazio sia lasciato vuoto, cioè lo spazio non sarà occupato da altri elementi sotto o intorno ad esso, avrai bisogno di visibility: hidden. Altrimenti, usa display: none, che permetterà ad altri elementi di spostarsi nella posizione dell'elemento.
Non c'è motivo di utilizzare entrambi.
Visibilità: nascosto nasconde l'elemento ma occupa ancora spazio nel layout. Display: nessuno lo rimuove completamente.
Nel tuo caso, vorrei usare display: none
Se il contenuto nascosto deve essere accessibile — a quelli con gli screen reader, ad esempio — allora non si dovrebbe usare display: none o visibility: hidden, in quanto entrambi possono potenzialmente nascondere contenuto degli screen reader. Invece, dovresti usare un approccio più accessibile, come spostare il contenuto fuori dallo schermo con un margine negativo. Vedere i seguenti link per ulteriori informazioni:
456 Berea Street: Hiding with CSS: Problems and solutions
WebAIM Blog: Hiding content for screen readers
Solo curioso, ma perché esattamente vorresti nascondere il contenuto ma è ancora accessibile agli screen reader? Se è nascosto, è perché attualmente non lo voglio mostrare. – Maverick
@ MrN00b Si potrebbe nascondere il contenuto per motivi estetici, ad esempio sezioni pieghevoli che l'utente può nascondere o rivelare. – Mike
display: none solo funzionano bene – Tommy