Qual è il vantaggio dell'utilizzo del valore "trasparente" nella proprietà dello sfondo CSS prima di un URL di una PNG?

Question

Ho visto spesso i fogli di stile scritti in cui si dispone di qualcosa come questo:

#anyelement { 
    background:transparent url(../img/filename.png) no-repeat left top; 
} 

Il valore in questione è il valore "trasparente" - qual è il vantaggio di utilizzare questo valore? Non l'ho mai veramente usato con i miei file CSS e le mie immagini PNG sembrano ancora funzionare bene su tutti i browser che supportano i PNG.

Qualcuno può far luce sull'uso di questo valore ??

Grazie!

Answer 1

Se si eredita un colore di sfondo da un'altra dichiarazione, è necessario eliminarlo.

Answer 2

Il valore trasparente in questo esempio è il colore di sfondo (o la sua mancanza).

Answer 3

La prima parte dell'attributo background è il colore di sfondo. Questo è il colore che viene mostrato se l'immagine di sfondo non viene trovata. Trasparente significa semplicemente che non dovrebbe mostrare un colore di sfondo. Transparent è anche il default btw.

Answer 4

A meno che non manchi qualcosa, l'utilizzo di transparent in una regola background non ha alcun effetto.

Quando si utilizza la proprietà abbreviata background, imposta sempre i valori per background-color, background-image, background-position e background-repeat. Tutti i valori esclusi dalla regola verranno impostati sui valori predefiniti, che per background-color è transparent.

Vedi http://jsfiddle.net/CN2aJ/2/

Alcune persone potrebbero preferiscono il loro CSS per essere più espliciti, e quindi comprendono transparent in là per chiarezza. Ma non credo che influenzerà mai il modo in cui viene visualizzata la pagina.