celle con gradienti

[mahagonny.red]

Salve a tutti
sto cercando di applicare uno stile ad una cella usando la seguente sintassi:

<td style="background: linear-gradient(top, #333333, green 50%);"></td>

Sta di fatto, però, che non sortisce alcun effetto.
Potreste delucidarmi e dirmi, eventualmente, dove sbaglio?
Grazie per la pazienza.

[carlomarangoni]

Originariamente inviato da mahagonny.red
Salve a tutti
sto cercando di applicare uno stile ad una cella usando la seguente sintassi:

<td style="background: linear-gradient(top, #333333, green 50%);"></td>

Sta di fatto, però, che non sortisce alcun effetto.
Potreste delucidarmi e dirmi, eventualmente, dove sbaglio?
Grazie per la pazienza.

Dipende da che browser usi ogni browser ha il suo codice tranne opera che non li riconosce

[mahagonny.red]

Si questo lo so, ma nonostante abbia sperimentato con firefox ed explorer il risultato non cambia.

[codencode]

Questo è un esempio di codice compatibile:

#contenitore {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

Nell'ultima istruzione, tra "progid:" e "DXImageTransform" non ci deve essere nessuno spazio.

[mahagonny.red]

Non ho capito
come e dove lo inserisco tutto quel codice?

[codencode]

Sono istruzioni CSS, quindi hai tre possibilità:
1. le inserisci in un foglio di stile esterno collegato al sito (consigliato)
2. le inserisci in un foglio di stile interno al sito
3. le inserisci come stile in linea dove ti occorre

[mahagonny.red]

per esempio così

<td style="">#contenitore {     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6+ */     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* IE10+ */     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C */     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }</td>

[carlomarangoni]

Originariamente inviato da mahagonny.red
per esempio così

<td style="">#contenitore {     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6+ */     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* IE10+ */     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C */     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }</td>

NO! Dentro a style

[Vincent.Zeno]

Originariamente inviato da mahagonny.red
per esempio così

meglio che gli ridai un'occhiata, e magari indenta bene il codice

[mahagonny.red]

non capisco

allora vediamo

<td style= "#contenitore {     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6+ */     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* IE10+ */     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C */     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }>#contenitore {     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); /* FF3.6+ */     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* IE10+ */     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,1) 100%); /* W3C */     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }"></td>