CSS Content + Immagine di sfondo

[deamon75]

Spesso ho visto in qualche sito che viene utilizzato l'elemento 'content' per inserire uno sfondo...
ad esempio:
#chenesodiv{content:'UNCODICE';}

Ho provato a cercare su google con la query "css content image" ma nulla. qualcuno saprebbe spiegarmi come funziona e come genero/trovo quei codici?

grazie mille!

[KillerWorm]

Ho provato a cercare su google con la query "css content image" ma nulla.

"Nulla" non ci credo. Prova a ri-cercare con quella stessa query. Poi clicca sul primo risultato che viene trovato. Quindi leggi l'articolo fino in fondo. La soluzione è lì.

Ad ogni modo la proprietà content è utilizzata assieme ai pseudo-elementi :before e :after. Puoi inserire un'immagine con la classica specifica url(), come per background.

#chenesodiv:before {
  content: url('image.jpg');
}

Attenzione però

'content' per inserire uno sfondo

l'immagine non viene applicata come sfondo ma inserita, per l'appunto, prima (before) o dopo (after) i contenuti.

Se vuoi che si comporti a mo' di sfondo, puoi fare un qualche accrocchio del genere:

#chenesodiv:before {
  content: url('image.jpg');
  position: absolute;
  z-index: -999;
}

Ma a questo punto ti chiedo: non sarebbe più opportuno e semplice usare la proprietà background?

#chenesodiv{
  background: url('image.jpg') no-repeat;
}