Lollinos ha scritto:

su Firefox, ad esempio, non funziona minimamente.

ciao,
funziona se lo usi in combinazione con :before e :after. Infatti, la tavola di compatibilità indica, appunto, che content va usato solo se nel selettore CSS usi quelle due pseudoclassi.

Ecco un esempio:
Lo scopo della regola content non è quello di generare del testo o dei link, infatti il CSS dovrebbe occuparsi solo della presentazione e mai per inserire del contenuto nella pagina, ma lo scopo è quello di permetterti l'aggiunta di simboli o di piccoli elementi grafici prima o dopo un elemento html. Ad esempio potresti usarlo per aggiungere un simbolo > dopo un ipotetico link "continua a leggere".

Vedi qui un elenco di possibili modi di utilizzo.
http://www.htmldog.com/reference/cssproperties/content/

Un altro scenario interessante è dato dalla funzione attr che è in grado di attingere il contenuto da un attributo che si trova sul tag stesso. Per esempio potresti usarlo per aggiungere una didascalia dopo un'immagine. Questo utilizzo è ok perché il contenuto si trova già nel markup e con il CSS vai semplicemente a "spostarlo". Quindi, avendo un tag <img così...

...potresti usare questo CSS...
e... peccato, non funziona.
:after, quando la applichi ad img, funziona solo su pochi browser... e Firefox non è tra questi. Con tutti gli altri tag sembra funzionare correttamente, però.

ciao,

---

Modificato da BrightSoul il 14 ottobre 2011 21.11 -

Lollinos ha scritto:

Quindi si può dire che sia un "bug" di Opera?

mmh, penso di no, infatti qui sostengono di supportare il content per tutti gli elementi e non solo per le pseudoclassi :after e :before.
http://dev.opera.com/articles/view/css-generated-content-techniques/

Apparentemente in CSS3 quell'utilizzo di content è consentito, seppur sia ancora una bozza pubblicata nel 2003 (fonte), e quando si tratta di bozze ogni vendor decide, di sua iniziativa, se supportare o no (e come) quella funzionalità.

Per una questione di compatibilità, utilizza content solo con :after e :before e tieni presente che anche in questo caso potresti trovare sorprese. Verifica sempre che ogni browser renderizzi correttamente il tuo css, prima di pubblicare il sito. Purtroppo non è ancora una scienza esatta, specie quando vuoi fare in modo che il sito si veda bene anche su vecchie versioni di Internet Explorer.

Lollinos ha scritto:

ho provato ad usare la funzione url() e sempre su Opera mi aggiunge un'immagine, ma in Firefox no.

Su Firefox dovrebbe funzionare. Visita questa pagina, dovresti vedere il loghetto di Quirks Mode subito prima della scritta "This is the test paragraph". Io almeno lo vedo...
http://www.quirksmode.org/css/beforeafter_content.html#t04

ciao,

---

Modificato da BrightSoul il 16 ottobre 2011 12.49 -

Lollinos ha scritto:

non è il massimo lasciar stabilire a terzi uno standard proprio...

beh, è comprensibile che i vari vendor cerchino di inserire quante più funzionalità possibile nei propri browser. La ratifica degli standard CSS3 è di una lentezza disarmante, hai visto che infatti l'utilizzo del content è sullo stato di "bozza" da ben 8 anni (e viene pure considerato a bassa priorità). Onestamente non conosco i motivi di tale lentezza; magari vogliono evitare di commettere errori nelle specifiche e attendono che i browser vadano in avanscoperta prima di scolpire una funzionalità nella pietra.

Infatti qui si legge:

Typically, W3C now requires two implementations of a specification before allowing it to become a Recommendation

Ci sono ancora molti moduli del CSS3 che devono essere promossi a Raccomandazione dal WC3.
http://www.css3.info/modules/

La maggior parte, infatti ^^'

Crea pure un altro thread, così potrai dare un titolo più idoneo alla nuova domanda.