Background semi-trasparente per una colonna di una tabella 
Autor: Giovanni Rusconi
Besucht 2517,
Followers 1,
Geteilt 0
Buongiorno,
utilizzo website x5 v11. Ho una tabella con sfondo trasparente, e vorrei evidenziare una colonna (tipo "best deal") cambiandole il colore di sfondo. Vorrei però lasciare in semitrasparenza l'immagine di sfondo, quindi vorrei che il riempimento fosse un colore semitrasparente. Altrimenti potrei farlo mettendo un'immagine png di 1x1px semistrasparente come background per la cella, ma non so come fare nemmeno questa cosa. Chi mi sa aiutare?
Gepostet am
... non ho il programma, né esempi del programma da vedere, però, se non riesci via codice, perché non fai la cosa più semplice...?...
... crei la tua immagine PNG in trasparenza sul canale ALFA, di misura adeguata alla cella contenitore della quale ne sarà lo sfondo; ...potrebbe essere una immagine a tutta luce, oppure una tile da ripetere verticalmente...
... esempi così su due piedi su pagina libera per un'idea :
http://www.zspace.it/kolasim/tabelle/tabella_sfondo4.html
http://www.zspace.it/kolasim/tabelle/tegolinablugiallak.png
http://www.zspace.it/kolasim/tabelle/tegolinablugialla2k.png
... oppure guarda il TAG STYLE (però in CSS3), qui: http://www.zspace.it/kolasim/tabelle/tabella_sfondo5.html ...magari prova ad incollarlo in ESPERTO | HEAD allegando anche le immagini...
...
... altrimenti, semplicissimo da quel che mi ricordi degli esperimenti di oltre quattro anni fa, realizzi la tabella con OO.o per come vuoi, ne copi il TAG TABLE e lo incolli in un Oggetto Codice HTML; ...più facile a farsi che a dirsi...
.
Indicazioni valide per la versione 11.
Voglio assegnare un colore giallo opaco al 30% (trasparente al 70%) alla seconda colonna di una tabella.
<style>
#tabella02 + div tr > td:nth-child(2) {
background-color: rgba(255, 255, 0, 0.3) !important;
}
</style>
Da personalizzare colonna, colore e opacità
Tenere presente che con IE :nth-child() è supportato a partire dalla versione 9.
Variante valida a partire dalla versione 7 di IE
<style>
#tabella02 + div tr > td:first-child + td {
background: url("files/giallo30.png") !important;
}
</style>
Rispetto alla versione precedente:
Per selezionare una colonna della tabella si può utilizzare:
Come al solito, l'immagine giallo30.png deve essere caricata nella cartella files tramite il comando Aggiungi in "Impostazioni Avanzate – Statistiche, SEO e Codice – Esperto – File allegati al codice"
Ribadisco che le indicazioni fornite sono rivolte a chi vuole inserire del codice in un progetto sviluppato con X5 Evolution 11.