Pratiche CSS: posizionamento negativo

Question

Pratiche CSS: posizionamento negativo

#1 da (3 voti)
#2 da (0 voti)
#3 da (0 voti)

5

Sono in qualche modo un neofita del CSS.

Ad ogni modo, ho notato che un metodo estremamente comune utilizzato nei CSS è di avere un posizionamento negativo o fuori schermo, sia che si tratti di nascondere testo o precaricare le immagini o di cosa hai.

Anche su siti SE, come StackOverflow e questo sito web, hai

#hlogo a { text-indent: -999999em }

impostato nel proprio CSS.

Quindi immagino di avere qualche domanda.

è questo CSS valido? o è solo un "hack"?
ci sono aspetti negativi nel fare le cose in questo modo?
perché è così comune? non ci sono modi migliori per nascondere il contenuto?

css

posta Corey 06.02.2011 - 02:07

fonte

3 risposte

Leggi altre domande sui tag css

Progettazione software: troppi oggetti statici? Approccio per la costruzione di modelli di vista in un'applicazione MVVM complessa

score 3 · Answer 1

È valido, ed è un "hack" solo che stai usando un grande rientro negativo per nascondere il testo, probabilmente non progettato con questo in mente.
Sì, il testo non può essere visto.
Dipende, a fini SEO, il testo è lì, ma normalmente sostituito da un'immagine o un'icona.

score 0 · Answer 2

0

È valido ed è compatibile con lo screen reader. Tuttavia non consiglierei di farlo, perché Google potrebbe vederlo come una tecnica blackhat dal momento che molti spammer usano il rientro negativo per nascondere i collegamenti.

risposta data 06.02.2011 - 02:45

fonte

score 0 · Answer 3

È un trucco utilizzato per nascondere il testo mentre si usano immagini come sfondi, per lo più visti in pratica con il branding del sito. I siti Web moderni fanno il modo migliore semplicemente utilizzando <img> per visualizzare i loghi.

È valido CSS.
L'unico svantaggio è che il testo non può essere visibile.
Non so davvero perché questo è comune, ma ci sono tecniche migliori per nascondere il testo se puoi ignorare le versioni precedenti dei browser web.