Sto usando -webkit-background-clip per limitare un'immagine di sfondo al testo in un elemento h2.CSS3 background-clip
La mia domanda è, fa la funzione -moz-background-clip allo stesso modo? Questo sembra funzionare solo nei browser WebKit, il che suggerisce che non funziona ancora in Firefox:
#header h1 a{
background: url(img/logo-overlay.png) no-repeat #000;
-moz-background-clip: text; -webkit-background-clip: text;
color: transparent; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent;
text-decoration: none;
}
Attualmente, in Firefox, il testo è nascosto (per il colore: trasparente e il testo-fill-color: proprietà trasparenti) e solo l'immagine di sfondo e il colore sono visibili nella forma rettangolare dell'elemento.
Qualche idea?
Interessante. Un valore di 'testo' nei browser Webkit è stato in grado di ottenere questo risultato (ingrandito): http://cl.ly/2Ame. Deve essere completamente proprietario di Webkit per ora, quindi. L'uso di content-box non funziona: restituisce lo stesso identico risultato, eliminando del tutto la clip di sfondo. Questo dovrebbe comportarsi in modo diverso? Grazie per aver risposto. – Gavin
'content-box' non è la stessa cosa di' text' http://dabblet.com/gist/3180315 –