Utilizzando HTML come proprietà CSS Valori

le specifiche dice: funzioneUtilizzando HTML come proprietà CSS Valori

L'attr() restituisce il valore di un attributo sull'elemento per l'uso come un valore in una proprietà. Se usato su uno pseudo-elemento, restituisce il valore dell'attributo sull'elemento originario dello pseudo-elemento.

http://www.w3.org/TR/css3-values/#attr

Tuttavia, questo non sembra funzionare. Quando uso background-image: url(attr(href)); ottengo la stringa "attr (href)" come valore di attributo, non il valore stesso.

http://jsfiddle.net/x2Rpt/1/

Tutte le idee per cui questo è rotto?

fonte

2012-06-20 quadmachine

Quasi uguale a questa domanda posta in precedenza oggi: http://stackoverflow.com/questions/11117915/how-can-i-use-a-data-attribute-to-set-a-background-image-in -css – thirtydot

@thirtydot: sapevo che mi sembrava familiare ... non so se dovrei chiuderlo o lasciare la mia risposta. – BoltClock

Quindi, in pratica, dovrebbe funzionare, ma non è stato implementato correttamente? – quadmachine

Non è rotto; è solo che nessun browser ha implementato the CSS3 version of attr(). Attualmente, le implementazioni esistono solo per quello che era introduced in CSS2.1, che è limitato alla proprietà content per il contenuto generato e sostituito.

La sintassi sembra corretta in caso contrario, fino a quando ea meno che non vengano apportate modifiche alle specifiche.

fonte

2012-06-20 22:33:55 BoltClock

si prega di votare su questo bug per farli lavorare sull'implementazione: https://bugzilla.mozilla.org/show_bug.cgi?id=435426 – vsync

Utilizzando HTML come proprietà CSS Valori

risposta

Problemi correlati